js构造函数的安全作用域用法详解
发布时间：01/15 来源： 浏览：
关键词：
今天在阅读javascript高级程序设计一书的时候,看到安全作用域的一篇，下面我来根据自己了解的来写一下关于js构造函数的安全作用域用法.
小试一下,总结如下
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){ |
|
