new关键字的内部执行原理

1. 自动创建一个新对象,保存在内存中,此时拿不到

2. 改变函数内的this指向,为这个新对象

3. 执行函数内的代码,并将新对象的__proto__指向该函数的prototype

4. 检查函数是否主动返回对象,如果没有,则返回这个新对象

例如:

function Fn(){
	this.name = "anr";
	this.show = function(){
		console.log(this);
	}
}
  • 创建对象
var f1 = new Fn();
  • 改变了this指向
f1.show();										//this指向刚刚创建的对象:Fn {name: "anr", show: ƒ}
  • 新对象的原型链对象(proto)指向该自定义构造函数的原型(prototype)
console.log(f1.__proto__ === Fn.prototype);		//true
  • 当前自定义构造函数没有主动返回新对象,所以new关键字返回了第一步创建的新对象,保存在f1中。
console.log(f1);								//返回新对象:Fn {name: "anr", show: ƒ}
发布了9 篇原创文章 · 获赞 67 · 访问量 1923

猜你喜欢

转载自blog.csdn.net/anr_safely/article/details/105626962