前端基本进阶：JS原型、原型链、工具

个中add是Function工具的实例。而Function的原型工具同时又是Object原型的实例。这样就组成了一条原型链。原型链的会见，着实跟浸染域链有很大的相似之处，他们都是一次单向的查找进程。因此实例工具可以或许通过原型链，会见处处于原型链上工具的全部属性与要领。这也是foo最终可以或许会见处处于Object原型工具上的toString要领的缘故起因。

基于原型链的特征，我们可以很轻松的实现担任。

详细根基常知趣识后，我们说明下图：

第一

先从实例add()说明

实例add() 为 Function的实例

以是

add()的__proto__指向其结构函数的原型即 Function.prototype

var add = function () {}  
add.__proto__ === Function.prototype//true 

出格留意 结构函数Funciton的__proto__指向自身的Function.prototype

Function.__proto__ === Function.prototype//true 

以是结构函数Function的__proto__和prototype都指向Function.prototype

第二

由于Function和Object都是js自带函数

且 Object 也是由 new Function建设而来

typeof Function  
"function"  
typeof Object  
"function" 

以是 Object的__proto__指向Function的原型工具即 Function.prototype

Object.__proto__ === Function.prototype  
true 

因此 Object 的 prototype 和 Function.prototype的 __proto__都指向 Object.prototype

第三

Object.prototype被称为原型链的E端，由于它的__proto__为null

（编辑：河北网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!