javascript undefined性能提高与分析

网页特效 undefined性能提高与分析

工作中我们经常需要判断某个变量/属性是否为undefined。通常有两种写法
1 // 方式1
2 typeof age === 'undefined';
3 
4 // 方式2
5 age === undefined

这两种写法有什么区别吗? 应该使用哪一种呢？看看下面的例子
1 typeof age === 'undefined'; // true

标识符 age 没有声明过，输出true。

再看另一个例子
1 age === undefined; // 报错

以下是不正确的方法：
var exp = undefined;
if (exp == undefined)
{
    alert("undefined");
}

exp 为 null 时，也会得到与 undefined 相同的结果，虽然 null 和 undefined 不一样。注意：要同时判断 undefined 和 null 时可使用本法。
var exp = undefined;
if (typeof exp == undefined)
{
    alert("undefined");
}

typeof 返回的是字符串，有六种可能：number、string、boolean、object、function、undefined。

以下是正确的方法：
var exp = undefined;
if (typeof exp == "undefined")
{
    alert("undefined");
}

以下是更简单的正确的方法（若变量既没有 var，也没有赋值，则以下会出错，但此时要检讨的是程序员，而不是 JavaScript）：
var exp = undefined;
if (exp === undefined)
{
    alert("undefined");
}

提高undefined性能

　　当我们在程序中使用undefined值时，实际上使用的是window对象的undefined属性。

　　同样，当我们定义一个变量但未赋予其初始值，例如：

　　　　var aValue;

　　这时，JavaScript在所谓的预编译时会将其初始值设置为对window.undefined属性的引用，

　　于是，当我们将一个变量或值与undefined比较时，实际上是与window对象的undefined属性比较。这个比较过程中，JavaScript会搜索window对象名叫‘undefined'的属性，然后再比较两个操作数的引用指针是否相同。

　　由于window对象的属性值是非常多的，在每一次与undefined的比较中，搜索window对象的undefined属性都会花费时间。在需要频繁与undefined进行比较的函数中，这可能会是一个性能问题点。因此，在这种情况下，我们可以自行定义一个局部的undefined变量，来加快对undefined的比较速度。例如：
    function anyFunc()
    {
        var undefined;          //自定义局部undefined变量
       
        if(x == undefined)      //作用域上的引用比较
       
       
        while(y != undefined)   //作用域上的引用比较
       
    };

 　　其中，定义undefined局部变量时，其初始值会是对window.undefined属性值的引用。新定义的局部undefined变量存在与该函数的作用域上。在随后的比较操作中，JavaScript代码的书写方式没有任何的改变，但比较速度却很快。因为作用域上的变量数量会远远少于window对象的属性，搜索变量的速度会极大提高。

　　这就是许多前端JS框架为什么常常要自己定义一个局部undefined变量的原因！