❤ 如何正确理解JS的原型和原型链

什么是原型：

JavaScript的所有对象中都包含了一个 [proto] 内部属性，这个属性所对应的就是该对象的原型
JavaScript的函数对象，除了原型 [proto] 之外，还预置了 prototype 属性
当函数对象作为构造函数创建实例时，该 prototype 属性值将被作为实例对象的原型 [proto]。

什么是原型链：

当一个对象调用的属性/方法自身不存在时，就会去自己 [proto] 关联的前辈 prototype 对象上去找
如果没找到，就会去该 prototype 原型 [proto] 关联的前辈 prototype 去找。依次类推，直到找到属性/方法或 undefined 为止。从而形成了所谓的“原型链”

每个对象都会在其内部初始化一个属性，就是prototype(原型)，当我们访问一个对象的属性时，如果这个对象内部不存在这个属性，那么他就会去prototype里找这个属性，这个prototype又会有自己的prototype，于是就这样一直找下去，也就是我们平时所说的原型链。

原型特点：

JavaScript对象是通过引用来传递的，当修改原型时，与之相关的对象也会继承这一改变

总结

关系：instance.constructor.prototype = instance.proto

特点：JavaScript对象是通过引用来传递的，我们创建的每个新对象实体中并没有一份属于自己的原型副本。当我们修改原型时，与之相关的对象也会继承这一改变。

当我们需要一个属性的时，Javascript引擎会先看当前对象中是否有这个属性，如果没有的话，就会查找他的Prototype对象是否有这个属性，如此递推下去，一直检索到 Object 内建对象。

案例说明:

function Func(){}
Func.prototype.name = "Sean";

Func.prototype.getInfo = function() {
  return this.name;
}
var person = new Func();//现在可以参考var person = Object.create(oldObject);

console.log(person.getInfo());//它拥有了Func的属性和方法

//"Sean"
console.log(Func.prototype);
// Func { name="Sean", getInfo=function()}

上述代码解释:

这段代码定义了一个函数Func，并通过Func.prototype给Func添加了两个属性，一个name属性和一个getInfo方法。name属性的值为"Sean"，getInfo方法返回当前对象的name属性值。

接着通过 var person = new Func() 创建了一个新对象 person，它继承了Func的属性和方法，包括name属性和getInfo方法。此时person的name属性值也为"Sean"。

最后两条console.log输出了Func.prototype的值，即{name="Sean", getInfo=function()}，证明Func的原型对象已被成功地添加了属性和方法。

❤如何正确理解JS的原型和原型链

❤ 如何正确理解JS的原型和原型链

什么是原型：

什么是原型链：

原型特点：

总结