美文网首页
原型与原型链

原型与原型链

作者: 明明你也一样 | 来源:发表于2019-05-18 23:04 被阅读0次

JavaScript中除了基本类型外的数据类型,都是对象。但是由于其没有 类(class,ES6引入了class,但只是语法糖)的概念,如何将所有对象联系起来就成了一个问题,于是就有了原型和原型链的概念。


每个实例对象(object )都有一个私有属性(称之为 __proto__)指向它的原型对象(prototype)。该原型对象也有一个自己的原型对象 ,层层向上直到一个对象的原型对象为 null。

prototype.png proto.PNG

事实上 JavaScript 所有数据都可以以对象的形式表现:我们可以用构造函数使得基本类型的 Number、Boolean、String变成对象。
可以用 var 基本类型 = new 对应基本类型的包装对象构造函数() 的方法创建一个对象

以Number类型为例var n = new Number()

number.PNG

n即为Number对象的一个实例,可以看到n.__proto__指向Number原型对象,n.__proto__.__proto__指向Object原型对象,这样一层层的链式结构就称为原型链,我们就可以利用这一特性将公用属性存放在同一原型层中,实现共享、节省内存空间的目的。

本质上就是两行语句

var 对象 = new 构造函数()
实例对象.__proto__ === 对象的构造函数.prototype//ture

由于js中函数也是对象,我们可以思考以下问题

var n = new Number()
n.__proto__ === Number.protorype//隐式原型属性和显示原型属性指向同一个原型对象
Number.__proto__ === Function.prototype//构造函数Number也是一个对象实例
Object.__proto__ === Function.prototype//构造函数Object也是一个对象实例
Function.__proto__ === Function.prototype

相关文章

  • 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/vcixzqtx.html