写出更好的JavaScript之undefined篇（上）_javascript技巧

我们写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最常见的功能就有两种：一是像上面的代码中那样将“未定义”值赋予给其它变量/属性；另一种就是像下面这样：
添加到收藏列表
其中favList是一个JavaScript数组，而curItem是一个已经定义的对象——数组的push方法会返回执行push操作以后数组的长度，在这个例子里面这个长度对我们来说一点用都没有，但如果放任它不管的话，浏览器就可能会跳转到一个几乎为空白的脚本结果页面，只显示push的返回值，比方说“3”。
因此需要用一个void运算符来“欺骗”浏览器：这里啥都没有。
现在把目光回到对“未定义”的使用上，就会发现前面我们用来同“未定义”比较的“高容错性”的typeof运算符，用起来有点麻烦：总共需要多写“typeof()""”这样10个字符。
虽然我们是成天跟麻烦打交道的程序员，但这也不能说明我们不该想办法减少麻烦啊～各种开发工具其实不都是为了把编程工作变得简单才出现的么？
所以说如果明确知道一个变量一定一定绝对绝对已经声明过，就可以把这个变量直接和已知的“未定义”相比较，比方说这样：
代码如下:
output(myVar === void(0));

相比于使用typeof运算符，后面这个办法除了少打几个字符，还有一些好处：可以避免难以察觉的拼写错误（比方说把“undefined”写成“undefinied”什么的） 。

到这里，最常见的关于“undefined”/“未定义”的技巧，已经介绍完了。
在下一篇里面，我会介绍另一些不太常见的技巧。

声明：本网页内容旨在传播知识，若有侵权等问题请及时与本网联系，我们将在第一时间删除处理。TEL:177 7030 7066 E-MAIL:11247931@qq.com