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

栏目: JavaScript · 发布时间: 6年前

内容简介:对象.原型链、函数.原型对象之间的关系只要想明白这四点,就通透了。哪四点呢?1.

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

哪四点呢?

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…


以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,也希望大家多多支持 码农网

查看所有标签

猜你喜欢:

本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们

视觉链

视觉链

吴佳敏 / 机械工业出版社 / 59.00

这是一部能帮助视觉设计师开悟的著作,由携程网UED视觉高级经理撰写,是她9年互联网视觉设计经验的总结和奉献。 全书从设计师的专业能力、设计方向、设计技巧、设计理念、设计规范5个维度展开,其中前4项可以构成一个完整的视觉设计工作链,在这个链条上每一环都是后面一环的支撑,缺一不可。但是在这个链条之上必须配以设计规范,才能让这个链条更加稳固。因此本章主要分为5章: 第1章:首先介绍了互联网产......一起来看看 《视觉链》 这本书的介绍吧!

RGB CMYK 转换工具
RGB CMYK 转换工具

RGB CMYK 互转工具

HEX CMYK 转换工具
HEX CMYK 转换工具

HEX CMYK 互转工具

HSV CMYK 转换工具
HSV CMYK 转换工具

HSV CMYK互换工具