实例化一个对象的过程中发生了什么

[MAYDAY1993]

:question: 分这三部分：

• proto（了解可略过）
• 实例化过程
• 参考资料

proto

对象具有属性proto， 指向构造函数的原型对象 这样就可以继承原型对象上属性和方法了 这里把cat的原型指向Animal:

原型链：

引用的图 没事儿多看看：

:pill: 注意：

不要用proto来改变原型 影响性能

实例化过程

function Animal(name) {
    this.name = name;
}

Animal.prototype.run = function() {
    console.log(this.name + 'can run...');
}

var cat = new Animal('cat');
//模拟过程
new Animal('cat')=function(){
    let obj={};  //创建一个控对象
    obj.__proto__=Animal.prototype; 
    //把该对象的原型指向构造函数的圆形对象，就建立起原型了：obj->Animal.prototype->Object.prototype->null
    return Animal.call(obj,'cat');// 绑定this到实例化的对象上
}

所以new一个对象 构成了原型链 可以继承原型上的属性和方法 就通了

参考资料

• 从proto和prototype来深入理解JS对象和原型链
• 知乎上：js中proto和prototype的区别和关系

言必有疏 欢迎指教

[leirt97]

这个实例化过程写的清晰明了