最新下载
热门教程
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
javascript undefined性能提高与分析
时间:2011-09-07 编辑:简简单单 来源:一聚教程网
网页特效 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变量的原因!
-
上一个: JSONP 跨域请求实例
-
下一个: javascript null对象详解
相关文章
- 无线网连接提示没有有效的IP配置解决方法 03-08
- javascript实现下雨效果 07-28
- javascript实现圣旨卷轴展开效果(代码分享) 07-20
- JavaScript实现星星等级评价功能 07-14
- javascript实现滑动解锁功能 07-14
- 十大热门的JavaScript框架和库 07-13