JS中的new操作符原理解析

你越是认真生活，你的生活就会越美好——弗兰克·劳埃德·莱特
《人生果实》经典语录

new操作符做了什么

var Person = function(name){
   this.name  = name;
}
Person.prototype.sayHello = function() {
    console.log('hello ' + this.name);
}
var p1 = new Person('hong');
console.log(p1.name) // hong 
p1.sayHello(); // hello hong


// new Person('hong')的过程如下
{
	let obj ={}
	obj.__proto__ = Person.prototype
	obj.name = 'hong'
	return obj
}

new 运算符创建一个用户定义的对象类型的实例或具有构造函数的内置对象的实例。

拿上面的例子分析,new操作符做了什么

• 创建一个类的实例:创建一个空对象obj，然后把这个空对象的__proto__属性赋值为Person.prototype(即构造函数的prototype属性)
• 初始化实例:构造函数Person传入参数并调用，关键字this指向空对象obj
• 返回实例obj对象

ps:
如果没有使用 new 运算符， 构造函数会像其他的常规函数一样被调用， 并不会创建一个对象。在这种情况下， this 的指向也不一样。

参考

new 运算符

推荐阅读

连点成线

---

谢谢你阅读到了最后~
期待你关注、收藏、评论、点赞~
让我们一起 变得更强