原型链

作者: 南方帅 | 来源:发表于2018-12-28 16:38 被阅读0次

作用: javascript在存储对象的时候,使用原型链来实现对象共享内存,方便查询和管理对象

  Object ;
  const obj = {test:123}
  obj.toString()  // [Object Object]
  obj.constructor()  // Object()
  //    obj 的这些方法都是原来存在于Object 分支上面的
  //  

这样 一些方法就可以共用 不必单独声明 占内存空间, 层级关系也更好梳理 那层级关系是怎样的呢


找妈妈
一切皆函数 一切皆对象

起源 从 null 到有根源Object, 从根源Object 在到 内置Function 再到 Object Function String Array Number Boolean....再到 'hello world', 123,....
ps:注意到null, undefined没有构造方法, Function Math有点特殊

Native Code 已被编译为特定于处理器的机器码的代码。这些代码可以直接被虚拟机执行。

结论观点

每一个对象都有一个__proto__属性(指针),该属性指向创建这个对象的构造函数的prototype对象。
  • function定义的函数对象的__proto__属性指向Function对象的prototype对象。
  • function定义的对象的__proto__属性指向创建它的构造函数的prototype对象。(就是都指向Object的prototype对象)
  • Objectprototype对象的__proto__指向null
```
//就像一个链条(分支)一样
obj.__proto__ == Object.prototype  等效于 obj instanceof Object 等效于 Object.prototype.isPrototypeOf(ob3)
// Function 和 Object
Function instanceof Object  // true
Object instanceof Function  // true
// Object也是函数.因为Object的结构是function Object(){native code}. 更深处浏览器知识
```
每一个函数对象都有一个prototype属性,该属性指向其prototype对象。
```
  const fct = () => {console.log(123)}
  fct.__proto__ //  ƒ () { [native code] 
  fct.prototype  // undefined
```
image.png

参考阅读: (https://www.jianshu.com/p/b745c5481fab)

相关文章

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

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

  • 原型、原型链

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

  • 原型链&查找规则&作用域链

    原型链(隐式原型链) 属性的查找规则(原型链的查找规则) 作用域链

  • 关于原型原型链的理解

    什么是原型? 什么是原型链? 为什么需要原型,和原型链?

  • 原型链实现继承

    原型链 原型链示意图 使用原型链实现继承 这是怎么回事呢? 原型链在哪? 听我细细道来~ 首先 Teacher 实...

  • 继承

    原型链直接继承 原型链直接继承prototype 原型链继承_prototype属性 继承_构造函数绑定

  • js中的实现继承的几种方式

    大纲:原型链借用构造函数组合继承原型式继承寄生式继承寄生组合式继承 1、原型链: 什么是原型链? 原型链的基本思想...

  • 【原型和原型链】什么是原型和原型链

    【原型和原型链】什么是原型和原型链https://blog.csdn.net/xiaoermingn/articl...

  • js原型链

    目录 1.对象的原型和原型链1.1什么是原型1.2查看原型1.3对象的原型链 2.使用构造函数2.1 函数的原型链...

  • 廖雪峰JS小记

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

网友评论

      本文标题:原型链

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