JavaScript中安全处理undefined的正确姿势

JavaScript中安全处理undefined的正确姿势

在JavaScript中，“全局变量”与“全局对象的属性”本质相同，此处仅因语境不同而采用不同表述；“声明”特指使用“var”语句声明变量或定义函数及其签名；“变量”指经“var”声明或在函数体内尝试访问的命名参数；“undefined”指代名为“undefined”的具体值（无论全局或局部），而“未定义”则对应type(...)返回“undefined”的状态；“output”为用于显示传入参数的函数，功能类似于“alert”。

直接比较undefined的风险

编写JavaScript程序时，常需处理“未定义”状态，例如判断某值是否已赋值，或希望清除已有值。此时常见的做法如下：

output(myVar === undefined);
myVar = undefined;

然而，这种做法存在隐患。若尝试“读取”或比较一个不存在的变量，程序将抛出异常。

例如，若因设计疏漏，在执行上述代码时myVar尚未定义，代码便会报错。

提高兼容性的安全检测方法

此外，在早期浏览器版本中，undefined并非预定义值。为提高兼容性与容错性，建议采用以下写法：

output(typeof(myVar) == "undefined");
myVar = void(0);

typeof是JavaScript的语言特性，尽管上述代码看似类似：

output(oneFunction(myVar) == "undefined");
myVar = void(0);

但两者存在关键差异：当myVar不存在时，前者能正确执行并返回字符串"undefined"；而后者无论内部构造如何，均会引发异常。

void运算符的隐藏特性与应用

void是另一语言特性，其作用是隐藏传入参数向脚本其他部分的可见性；若尝试获取void“运算”的结果，只能得到“未定义”。

基于void的这一特性，其常见用途包括：一是如前文所示，将“未定义”值赋给其他变量或属性；二是如下例所示：

<a href="javascript:void(favList.push(curItem));">添加到收藏列表</a>

其中favList为JavaScript数组，curItem为已定义对象。数组的push方法返回执行后的数组长度，此例中该长度无实际意义。若不使用void处理，浏览器可能跳转至几乎空白的脚本结果页面，仅显示push的返回值（如“3”）。

因此，需使用void运算符向浏览器“隐瞒”操作结果，表明此处无有效输出。

回归对“未定义”的使用，前文提到的高容错性typeof运算符虽安全，但书写繁琐，需额外输入“typeof()""”共10个字符。

尽管程序员日常需处理繁琐工作，但优化代码、减少冗余仍是目标。开发工具的出现正是为了简化编程过程。

已知变量时的简化比较技巧

因此，若明确知晓变量已声明，可直接将其与已知的“未定义”值比较，例如：

output(myVar === void(0));

相较于使用typeof运算符，此方法不仅减少了字符输入，还能避免难以察觉的拼写错误（如将“undefined”误写为“undefinied”等）。

至此，关于“undefined”/“未定义”的最常见技巧已介绍完毕。

在下一篇中，我将介绍其他较少见的技巧。