理解原型链

下面这张图一定多看几遍,看不懂的话,请对照下面我的理解,一条条深入分析。

 自己对上图的理解:

  • f1,f2是构造函数Foo的实例(这里还可以考察new的过程)
  • f1,f2的原型f1._proto和他们的构造函数Foo的原型对象Foo.prototype指向同一内存地址
  • 构造函数Foo的原型对象Foo.prototype也是一个对象(构造函数Object的实例),所以也有原型_proto_,它和Object的原型对象Object.prototype指向同一内存地址
  • Object是构造函数,Object.prototype也是对象,其原型_proto_指向null(不存在)
  • Function也是构造函数,Function.prototype也是对象,其原型_proto_和Object的原型对象Object.prototype指向同一内存地址;
  • JS支持使用Function动态创建一个新的Function对象,也就是函数对象。如const Func = new Function('a', 'b', 'return a + b');等价于function Func(a,b){return a+b;}
  • 构造函数Foo,Object,Function,都是Function的函数对象(即Function的实例对象,但比较特殊,他们也是函数),所以他们都有Foo._proto_,Object._proto,Function._proto,他们和Function.prototype指向同一内存地址
  • 总结一:普通对象如foo,去找属性的时候,查找原型链的过程:foo._proto_=>Foo.prototype=>Foo.prototype._proto_=>Object.prototype
  • 总结二:函数对象如Foo,Object,Function,查找原型链的过程:Foo._proto_=>Function.prototype=>Function.prototype._proto_=>Object.prototype

原文地址:https://www.cnblogs.com/fangsmile/p/15074828.html