用构造函数方式创建对象:
function Person(name,age){ this.name=name; this.age=age; this.sayname=function(){ alert(this.name); }; }构造函数其实就是用new操作符调用的一个函数。用new时构造函数内部的this会指向新的实例,如:
var p1=new Person('tom',10);此过程中this指向p1,相当于:
p1.name=name;//name为参数tom p1.age=age;//age为参数10
检测结果:
alert(p1.name); //tom p1.sayname();<span style="white-space:pre"> </span>//tom上述在this的帮助下实现p1的属性。
那么倘若不用new呢?直接把构造函数当作一个普通函数来直接调用又会有什么情况:
var p2=Person('tom',10); //直接调用(不适用new)检测结果:
alert(p2.name);//(报错)name is undefined p2.sayname(); //(报错)sayname is undefined用以下代码则能正常运行:
alert(name)//tom sayname();//tom很明显此时的name和sayname已经不属于p2,而是属于全局window,等同于:
alert(window.name); window.sayname();很明显不用new,而采用直接调用的方式this不在代表新的实例p2,而是window,this把name和sayname全放到了全局window中。
为了确保每次实例化时都能用new,用构造函数创建对象的方式可改进为:
<span style="white-space:pre"> </span>function Person(name,age){ if(this instanceof Person)//先判断this对象是否为Person的实例 { this.name=name; this.age=age; this.sayname=function(){ alert(this.name); }; } else { return new Person(name,age);//否则用new操作符(调用构造函数)创建新的实例并返回,结果还是使用了new } }
这样无论是否用new调用构造函数,其结果都是用new来调用的。