首页 » 编写高质量代码:改善JavaScript程序的188个建议 » 编写高质量代码:改善JavaScript程序的188个建议全文在线阅读

《编写高质量代码:改善JavaScript程序的188个建议》建议77:推荐作用域安全的构造函数

关灯直达底部

构造函数其实是一个使用new运算符的函数。当使用new调用时,构造函数的内部用到的this对象会指向新创建的实例。


function Person(name,age,job){

this.name=name;

this.age=age;

this.job=job;

}

var person=new Person("Nicholas",34,'software Engineer');


在没有使用new运算符来调用构造函数的情况下,由于该this对象是在运行时绑定的,因此直接调用Person会将该对象绑定到全局对象window上,这将导致错误属性意外增加到全局作用域上。这是由于this的晚绑定造成的,在这里this被解析成了window对象。

解决这个问题的方案是创建一个作用域安全的构造函数。首先确认this对象是否为正确的类型实例,如果不是,则创建新的实例并返回。


function Person(name,age,job){

//检测this对象是否是Person的实例

if(this instanceof Person){

this.name=name;

this.age=age;

this.job=job;

}else{

return new Person(name,age,job);

}

}


如果使用的构造函数获取继承且不使用原型链,那么这个继承可能就被破坏。


function Polygon(sides){

if(this instanceof Polygon){

this.sides=sides;

this.getArea=function{

return 0;

}

}else{

return new Polygon(sides);

}

}

function Rectangle(width,height){

Polygon.call(this,2);

this.width=width;

this.height=height;

this.getArea=function{

return this.width*this.height;

};

}

var rect=new Rectangle(5,10);

alert(rect.sides);//undefined


Rectangle构造函数的作用域是不安全的。在新创建一个Rectangle实例后,这个实例通过Polygon.call继承了sides属性,但由于Polygon构造函数的作用域是安全的,this对象并非是Polygon的实例,因此会创建并返回一个新的Polygon对象。

由于Rectangle构造函数中的this对象并没有得到增长,同时Polygon.call返回的值没有被用到,所以Rectangle实例中不会有sides属性。构造函数配合使用原型链可以解决这个问题。


function Polygon(sides){

if(this instanceof Polygon){

this.sides=sides;

this.getArea=function{

return 0;

}

}else{

return new Polygon(sides);

}

}

function Rectangle(width,height){

Polygon.call(this,2);

this.width=width;

this.height=height;

this.getArea=function{

return this.width*this.height;

};

}

//使用原型链

Rectangle.prototype=new Polygon;

var rect=new Rectangle(5,10);

alert(rect.sides);//2


这时构造函数的作用域就很有用了。