JavaScript在new一个对象的时候具体发生了什么

我们经常使用new去调用的一个构造器函数, 但是new之后到底做了什么呢?

如:

var Person = function (name) {
this.name = name;
}
var p = new Person("Boring");


以上代码在调用时,会变成如下 

var p = (Person (name) {
var _newObj = { //#0
constructor: Person; // #1
__proto__: Person.prototype; //#2
};
_newObj.constructor(name); //#3
return _newObj; //#4
})();


解析:

#0 创建一个新的对象,_newObj;
#1 将对象的constructor赋值为Person,即构造器函数;
#2 将对象的__proto__属性赋值为Person.prototype,即原型链的概念;
#3 使用构造器函数的方法设置name属性this.name = name;可以转成_newObj.constructor.call(_newObj, name),此时的this就是指向_newObj,由于call的原因;
#4 返回改对象给p变量.

你可能感兴趣的:(javascript,web)