今天看啥  ›  专栏  ›  尧九之阳

对象.原型链,函数.原型对象

尧九之阳  · 掘金  ·  · 2019-05-01 08:31

文章预览

阅读 50

对象.原型链,函数.原型对象

对象.原型链、函数.原型对象之间的关系只要想明白这四点,就通透了。


哪四点呢?

1. 对象中,有个__proto__属性

    原型链的实现就是通过该属性;

2. 函数中,有个prototype属性

    这个属性是个对象,叫做原型对象

3. 对象是由对应的构造函数new出来的,

    所以, 对象的__proto__会指向构造函数的prototype属性

4. 函数也是个对象,是由Function函数new出来的,

    所以,函数的__proto__会指向Fuction的prototype属性

   另外, Function函数也构造了自己,Fucntion.__proto__ === Function.prototype;


说的多,不如看个图直观,看图的关键是把握:

    对象被构造函数new出来后,对象的_proto__会指向构造函数的prototype属性

用上图,我们就可以解释很多神奇的现象了,

1. 原型链,也就是__proto__最后都指向了Object.prototype,而该原型对象的__proto__ === null;

2. Function instanceof Object === Object instanceof Fucntion === true;

     instanceof通俗的说法是,判断左边对象是不是右边函数new出来的实例;这种说话就会让上述表达式很矛盾;但是,换个说法,instanceof本质上是用来,判断右边函数的原型对象是否在左边对象的原型链上;

     由于Fuction函数和Object函数都是由Function函数new出来的,导致Function.__proto__和Object.__proto__指到一块去了,而Function.prototype和Object.prototype正好都在链上,所以就造就了上述的神奇表达式。

     


参考:

juejin.im/post/58f9d0…

juejin.im/post/583586…


………………………………

原文地址:访问原文地址
快照地址: 访问文章快照
总结与预览地址:访问总结与预览