美文网首页
原型与原型链

原型与原型链

作者: redoboy | 来源:发表于2020-11-23 10:40 被阅读0次

1.基本所有的函数都有原型[prototype],除了Function.prototype.bind()之外.

let func1 = Function.prototype.bind()

如果用上述方法创建一个函数fun,这个函数fun是不包含属性prototype的
2.每个对象都有[[prototype]]属性,该属性指向其构造函数的原型。


原理图.png

注:[[prototype]]是对象内部的属性,无法外部访问,图中的__proto__其实就是指代[[prototype]],在某些浏览器可以使用该属性__proto__访问到内部属性[[prototype]],下文说的[[prototype]]都是对应的图中的__proto__
如图所示。f1拥有属性[[prototype]],Foo是f1的构造函数。图中所示,f1的[[prototype]]属性指向的是Foo的原型。也就是Foo.prototype。而Foo.prototype就是构造函数本身。再往深一层,Foo.prototype本身也是个函数。那么他的[[prototype]]属性指向什么呢?图中可以看到,他的[[prototype]]属性指向的是Object.prototype。也就是Object的原型。一次类推,Object的[[prototype]]指向null.原型链就到头了。这里可以看出来,函数和对象通过[[prototype]]是会产生一种链式关系,我们称之为原型链,有了原型链,那么顶层的函数或对象就可以访问到底层的对象或方法。类似于java里面的继承。

相关文章

  • JavaScript 原型、原型链与原型继承

    原型,原型链与原型继承 用自己的方式理解原型,原型链和原型继承 javascript——原型与原型链 JavaSc...

  • 2019-01-28

    原型与原型链

  • 廖雪峰JS小记

    (function(){})() 原型,原型链 浅谈Js原型的理解JS 原型与原型链终极详解 对象 对象:一种无序...

  • Javascript(三)之原型继承理解

    进阶路线 3 原型继承 3.1 优秀文章 最详尽的 JS 原型与原型链终极详解 一 最详尽的 JS 原型与原型链终...

  • JavaScript 面向对象第一篇

    1.原型链 ---- (实例对象与原型之间的连接 叫做原型链) 2. hasOwnproperty ----(看是...

  • 原型与原型链以及继承

    今天复习下原型与原型链的知识,以及记录新学的继承知识点。 知识点纲要 原型与原型链 es5与es6继承 什么是原型...

  • JavaScript深入理解this关键字(一)

    摘要 最近在公司需要做培训,我打算把JavaScript中的原型与原型链讲给大家。但我在梳理原型与原型链的时候发现...

  • js_继承及原型链等(四)

    js_继承及原型链等(三) 1. 继承 依赖于原型链来完成的继承 发生在对象与对象之间 原型链,如下: ==原型链...

  • 原型链&instanceof关键字

    1.原型链&instanceof关键字 简单说明 原型链 与 instanceof 作用原理 1.原型链 1...

  • 原型、原型链

    (什么是原型、原型链?有什么作用) JavaScirpt深入之从原型到原型链 图解 Javascript 原型链 ...

网友评论

      本文标题:原型与原型链

      本文链接:https://www.haomeiwen.com/subject/bfumiktx.html