VSCode调试完全攻略：编辑变量并重新执行函数

Z时代
2024-01-10
分类：技术分享

可以通过在调试器中重新执行代码块，来查看它们在不同情况下的行为。在调用栈中修改变量并重新执行函数可以让你节省大量的时间！

VS Code 调试完全攻略系列目录

基础知识

步进逐行调试

编辑变量并重新执行函数

launch.json 和调试控制台

基于浏览器的 React 应用

调试用 TypeScript 开发并打包的 React 📦

在前面的文章中，我们已经研究了如何开始调试简单的服务器以及可以步进逐行调试代码。今天，我们将介绍两个重要的功能。第一个是怎样编辑变量，第二个是重新执行函数——确切地说是重新启动调用栈框架而无需重新启动调试器或程序。

虽然这些功能不是很直观，但是非常强大，可以帮你节省大量时间。你可以把不同的输入传给埋藏在调用栈深处的函数，而不用在重新启动程序时漫长而乏味的等待。

让我们看看如何在前文的微型服务器代码中使用这两种调试方式。

准备工作

请将下面的代码复制粘贴到一个空文件中：

const http = require('http');
const url = require('url');
const hostname = '127.0.0.1';
const port = 3456;
const serverUrl = `http://${hostname}:${port}`
const getNameFromReq = (req) => {
const {name} = url.parse(req.url, true).query;
return name
}
const getGreeting = (name) => {
const greeting = `Hello, ${name}!`
return greeting
}
const server = http.createServer((req, res) => {
const name = getNameFromReq(req)
const greeting = getGreeting(name)
res.statusCode = 200;
res.setHeader('Content-Type', 'text/plain');
res.end(`${greeting}n`);
});
server.listen(port, hostname, () => {
console.log(`Server running at ${serverUrl}`);});