• 注册
当前位置:1313e > 默认分类 >正文

用构造函数创建对象时的this的指向问题

用构造函数方式创建对象:

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();	//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,用构造函数创建对象的方式可改进为:

		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来调用的。








转载于:https://www.cnblogs.com/chayangge/p/4288698.html

本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 162202241@qq.com 举报,一经查实,本站将立刻删除。

最新评论

欢迎您发表评论:

请登录之后再进行评论

登录