为什么需要检测undefined
undefined 是 JavaScript 中的一个数据类型，表示变量未被定义或者已被定义但未赋值。如果在代码中出现 undefined 可能会引起一系列问题，例如：
- 未定义变量的使用；
- 不必要的条件判断；
- 方法调用时未提供参数；
- 函数返回 undefined 等。
这些问题可能会导致程序出现异常或者不符合预期的行为，因此我们需要在开发过程中对undefined的使用进行检测。
ESLint 检测 undefined 的方法
ESLint 是一个基于 JavaScript 的语法检查工具，可以帮助我们在开发过程中发现未定义变量或者不规范的变量使用。在 ESLint 中，我们可以通过以下规则来检测undefined的使用：
- no-undef: 禁止未声明的变量；
- no-unused-vars: 禁止未使用的变量；
- no-shadow: 禁止变量声明与外层作用域的变量同名。
其中，no-undef 可以检测未声明变量的使用，例如：
// 错误示例 console.log(a) // a is not defined // 正确示例 const a = 1; console.log(a);
no-unused-vars 可以检测未使用的变量，例如：
// 错误示例 const a = 1; // 未使用变量 a
no-shadow 可以检测变量声明与外层作用域的变量同名，例如：
-- -------------------- ---- ------- ----- - - -- -------- ------ - ----- - - -- -- -------------- --------------- - ------- -- -- - --------------- -- -- -
问题排查
在使用 ESLint 进行undefined检测时，有时候会出现一些问题，例如：
- 声明一个变量却没有赋值；
- 使用 typeof 检测一个未声明变量的类型时可能会出现问题。
对于第一种问题，我们可以通过为变量赋一个默认值或者使用! 表示这个变量不会为 undefined 的语法来解决，例如：
-- -------------------- ---- ------- -- ---- --- -- -- ----------- -- -- --- ---------- - -------------- -- ------------ - -- ---- --- - - ---------- -- -- --- ---------- - -------------- -- ------------ - -- ----- --- - - ----- -- ---- - -------------- -- ------------ -
对于第二种问题，可以通过使用 typeof 避免检测未声明变量类型时出现异常，例如：
-- -------------------- ---- ------- -- ---- -- ------- - --- ------------ - -------------- -- ------------ - -- ---- -- ------- - --- ------------ - -------------- -- ------------ -
总结
ESLint 可以帮助我们检测代码中 undefined 的使用，从而避免代码运行时出现异常或者不符合预期的行为。在使用 ESLint 进行 undefined 检测时，需要注意变量声明时是否已经赋值以及在使用 typeof 时是否注意判断未声明变量类型的的情况。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6656ef13d3423812e4bfd5f9