JS 原型的诠释

2024年5月27日 127次阅读 来源: 云水摇啊摇

起首明白两个观点: 组织函数和 instance 离别是什么

  • 组织函数
    JS 中并没有在语法层面上面辨别组织函数和一般函数, 唯一的区别是挪用体式格局
    运用 new 挪用的函数就是组织函数, 没有则是一般函数.

  • 实例
    new Constructor() 返回的对象称为 Constructor 的一个实例

然后提出一个划定规矩:
在组织函数的原型上面附加的属性或许要领, 能够被其一切的实例共用.

能够推导出:

  • 组织函数能够接见到它的原型, 而且向其上面增加要领和属性

  • 组织函数的原型应该是一个对象, 如许才向其上增加要领和属性

  • 实例也具有其组织函数的原型的一个援用, 要不然没法共用.

诠释:
1 组织函数确实有一个属性, 能够接见到它的原型, 属性名为 prototype.
范例下称谓:
a 函数的 prototype 属性, 称为 ‘原型属性’
b 函数的 原型属性指向的 对象, 称为 ‘原型对象’

2 实例也确实具有一个对其组织函数的原型的援用
这个援用是一个内部属性, 运用 [[prototype]] 示意, 称为 ‘实例的内部属性 prototype’
a 内部属性意味着这个玩意不可读, 你没有办法接见到的
b 部份浏览器为实例供应了一个属性 ‘__proto__’, 一样指向 实例的组织函数的原型对象.

从实例的角度来看:
1 实例愿望晓得自身的组织函数是谁
2 实例愿望晓得自身能够运用的要领究竟有若干, 愿望晓得它的组织函数的原型内里究竟有若干要领和属性

  • 实例何从晓得自身的组织函数是谁

     经由过程 constructor 属性

每个 instance, 能够经由过程 constructor 属性, 接见到它的组织函数

 instance 并不具有 constructor 属性
      当接见 instance.constructor 的时刻
           instance 自身不持有
           从它组织函数的原型对象中查找
           发明存在 constructor 属性
                返回 constructor 的值.

而且存在有:

 组织函数原型对象的 constructor 属性 一直指向组织函数自身。
 fn.prototype.constructor === fn;

  • 实例想要晓得它的组织函数的原型对象具有若干要领和属性

     
 依据上面的 constructor 属性, 能够获得
 instance.constructor.prototype 即可接见
 或许
 __proto__

应用到详细的场景内里, JS 的一切数据范例的组织函数是谁, 它们的组织函数的原型对象是什么模样的

原始值范例有:

String
Number
Null
Undefined
Boolean

组织函数离别有:

(1).__proto__ // Number
‘a’.__proto__ // String
true.__proto__ // Boolean

援用值范例
Array
Function
Object

组织函数离别有:
[].__proto__ // Array
{}.__proto__ // Object
(function (){}).__proto__ // Function

更近一步的思索:
组织函数是不是具有组织函数
组织函数的原型对象是不是具有组织函数

依据上面的信息, 能够尝试一下

‘a’.constructor.constructor

终究发明:
不管原始值范例, 照样援用范例, 它们的组织函数的组织函数, 都是 Function
更近一步, Function 的组织函数是谁
经由考证, Function 的组织函数是它自身.

 Function.constructor = Function;

申明组织函数到这里究竟了.

  • 组织函数的原型对象是不是具有组织函数

     具有, 你糊了, 原型对象自身就具有一个 constructor 属性, 指向组织函数自身.

补充:
下面说的是一个划定规矩, 不是一个推导

 原型对象自身一样具有一个内部属性 [[prototype]], 指向当前组织函数的组织函数的原型对象.
 这类由原型对象构建而成的链表, 就是原型链.
 原型链存在的意义, 在于尽量的共用要领和属性. 或许其他更多的我不晓得的意义.

原型链长什么模样
值

 'hello'

它的原型链条的
第一个原型对象

 'hello'.constructor.prototype  // = String.prototype

第二个原型对象

 'hello'.constructor.prototype.__proto__  // = Object.prototype

这里不能再用

 'hello'.constructor.prototype.constructor.prototype 
 来间接接见原型对象的组织函数的原型对象了.

申明 constructor.prototype 这个玩意并不靠谱, 在碰见原型对象的时刻就不好用了。

第三个原型对象

 'hello'.constructor.prototype.__proto__.__proto__  == null;

申明究竟了.

    原文作者：云水摇啊摇
    原文地址: https://segmentfault.com/a/1190000009632535
    本文转自网络文章，转载此文章仅为分享知识，如有侵权，请联系博主进行删除。
点赞