js构造函数的安全作用域
作者 斯人 | 发布于 2012 年 3 月 9 日

 

今天在阅读javascript高级程序设计一书的时候,看到安全作用域的一篇.

小试一下,总结如下

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
原文出处:http://www.imsiren.com/archives/354