用构造函数创建对象时的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();<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来调用的。








原文地址:https://www.cnblogs.com/chayangge/p/4288698.html