JavaScript中调皮的undefined

在JavaScript中undefined只是一个标识符，不是关键字，这个很不靠谱的标识符还不能像其他符号一样随意使用，一方面是需要它的原始值保持不变，另一方面是用法不当还会产生很多意向不到的bug。有这种不靠谱的标识符的语言遗留问题，我们在编程时为了保证这家伙始终如一，保证我们的程序强壮性，就得使用一些手段了。

function foo() {

    undefined = 2;//undefined

}

function bar(){

    "use strict";

    undefined = 2;//TypeError

}

foo();

bar();

从上面的运行来看，undefined在没有被关键字var执行声明的情况下，undefined的原始值并不能被直接修改。

"use strict";

var undefined = 2;//TypeError

在严格模式下全局上声明undefined并赋值还是报错。

var undefined = 2;

console.log(undefined);//undefined

全局非严格模式下undefined即使声明undefined为变量还是不能修改它的值。

function foo(){

    "use strict";

    var undefined = 2;

    console.log(undefined);//

}

foo();

只有在非全局作用域下声明undefined为局部变量可改变值，且在严格模式下也能不报错。研究undefined的标识符被修改值绝对不是想修改它，而是我们要明白在什么情况下会因为无意的修改它的值，或者因为不恰当的操作会报错。这还只是一方面，另一方面是我要怎么样才能保证我们能获得一个真正的undefined的值。

通常我们为了保证我们局部作用域获得的undefined的值就是一个真正的undefined的值，有三种方式：

function foo(a,b,undefined){

    console.log(a);

    console.log(b);

    console.log(undefined);

}

//在形参中定义undefined，但在实参中不传值

//就可以保证这个局部作用域下的undefined是一个真正的undefined

foo("a","b");

//在jQuery中，构建jQuery的模块时就使用了这种方法

(function(window,undefined){

    //....

})(window);

还有一种情况就是不让表达式返回任何结果：

function doSomething(){

    if(!APP.ready){

        return void setTimeout(doSomething,100);

    }

    var result;
　　//...

    return result;

}

if(doSomething()){

    //...

}

void运算符可以保证后面的程序正常执行，但永远返回undefined。这里setTimeout(...)函数会返回一个数值（计时器间隔的唯一标识符，用来取消计时器），但是为了保证if语句不产生误报（false positive）,我们需要void去掉它。

秒客网

JavaScript中调皮的undefined

相关文章