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变量.

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值