js构造函数的安全作用域用法详解

时间：2013-09-05 编辑：简简单单来源：一聚教程网

小试一下,总结如下

javascript是一个极其具有弹性的语言…

很多时候,js并不会像我们预期的那样执行.
js的构造函数就是用new操作一个函数,在使用new的时候,函数的this指针会指向当前对象的作用域.

代码如下	复制代码
function Person(name,age,job){ this.name=name; this.age=age; this.job=job; } var p=new Person("siren",24,"php");

上面这个例子用new创建一个新的对象.该函数的this指针就会指向p的作用域.这样没有任何问题.
可是如果我们不用new创建对象呢?

代码如下	复制代码
function Person(name,age,job){ this.name=name; this.age=age; this.job=job; } var p=Person("siren",24,"php"); alert(window.name); //siren alert(window.age); //24 alert(window.job); //php

这个时候 p就是一个undefined;而 Person的this指针指向了window作用域.
为什么呢?
因为构造函数是作为普通函数调用的,忽略了new操作符.由于this对象的晚绑定,造成this被解析成window的对象.
这种问题就会造成window域的属性被覆盖.
那么如何解决?
其实在js里面也有一个与php相同的关键字 instanceof
它用来检查对象是否是某个实例

代码如下	复制代码
function Person(name,age,job){ if(this instanceof Person){ this.name=name; this.age=age; this.job=job; }else{ this=new Person(name,age,job); } } var p=Person("siren",24,"php"); alert(p.name); //siren alert(p.age); //24 alert(p.job); //php

上一个： Javascript模仿弹出确认对话框
下一个： javascript 删除数组元素同时把数组长度减小实例

推荐专题

最新下载

热门教程

js构造函数的安全作用域用法详解

相关文章

热门栏目

php教程

asp.net教程

手机开发

css教程

网页制作

办公数码

jsp教程