ecmascript怎样调试常见错误

在 ECMAScript（JavaScript）开发里，调试常见错误可以从错误类型识别、调试工具使用、代码实践三个层面来做。下面按“常见错误 → 调试方法 → 预防建议”来说明。

一、常见错误类型与调试方式

1. 语法错误（SyntaxError）

表现

• 控制台直接报错，脚本可能无法执行
• 例如：Unexpected token, Missing )

调试方法

• 看报错行号和附近代码
• 使用编辑器（VSCode）实时语法检查
• 用 node -c file.js 做语法检查（Node 环境）

示例

if (x > 0 {  // 缺少 )
  console.log(x);
}

2. 引用错误（ReferenceError）

表现

Uncaught ReferenceError: a is not defined

常见原因

• 变量未声明
• 作用域错误
• 拼写错误

调试方法

• 确认变量是否 let / const / var 声明
• 使用 console.log(typeof a)
• 在浏览器 DevTools → Sources 打断点

3. 类型错误（TypeError）

表现

Cannot read properties of undefined

常见原因

• 访问 null 或 undefined 的属性
• 函数不是函数却被执行

调试方法

console.log(obj);
console.log(typeof obj.fn);

防御写法

obj?.user?.name;

4. 逻辑错误（无报错但结果不对）

特点

• 不抛异常
• 输出错误或界面异常

调试方法

• console.log 分段输出
• DevTools 断点调试
• 使用 debugger;

function sum(a, b) {
  debugger;
  return a + b;
}

5. 异步错误（Promise / async）

常见错误

• 忘记 await
• Promise 未捕获 reject

调试方法

Promise.catch(err => console.error(err));

async function f() {
  try {
    await fetchData();
  } catch (e) {
    console.error(e);
  }
}

二、常用调试工具

1. 浏览器 DevTools

• Sources：断点、单步执行
• Console：实时测试表达式
• Network：查看请求错误
• Performance：性能问题

2. Node.js 调试

node --inspect app.js

或使用 VSCode 内置调试器。

3. 日志技巧

console.table(data);
console.dir(obj);
console.time('t'); 
// ...
console.timeEnd('t');

三、调试好习惯（减少错误）

1. 使用严格模式

'use strict';

2. 开启 ESLint / TypeScript
3. 小函数、单一职责
4. 写单元测试（Jest / Vitest）
5. 错误信息具体化

throw new Error('用户ID不能为空');

如果你能提供一个具体报错信息或代码片段，我可以帮你精准定位并给出修改方案。