用构造函数创建对象时的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