美文网首页
原型与原型链

原型与原型链

作者: 小废柴JH | 来源:发表于2019-05-13 22:44 被阅读0次

当谈到继承时,JavaScript 只有一种结构:对象。而每个实例对象( object )都有一个私有属性( __proto__ )指向它的构造函数的原型对象(prototype )。该原型对象也有一个自己的原型对象( __proto__ ) ,层层向上直到一个对象的原型对象为 null。根据定义,null 没有原型,并作为这个原型链中的最后一个环节。

var x = 1var y = new Number(1)有什么区别?
首先typeof(x)为"number",而typeof(y)为"object",这也就意味着x,y在内存的存储的方式上是不同的。

从上面可以发现,y内置了很多属性,可供y直接调用。

但是有趣的是x也是可是使用上面的属性的:
这是因为当x调用了toString属性的时候,JS中会产生一个temp(临时变量)=new Number()来获得toString的值,然后赋值于x.toString,也就是说var x = 1可以使用x.属性的形式来获得和var x = new Number一样的效果了。因此var x = 1也就完全代替了var x = new Number了。在string和boolean数据类型中也是一样的。

object两种创建方法得到的结果是一样的,只是存储的地址不同罢了。

不同的对象会有共同的属性,那么JS是解决这个问题的昵?
JS使用隐藏属性 __proto__ 来引用共用属性,从而节省了很多内存。系统使用prototype来引用这些共同属性,避免了没在使用的时候,这些共用属性没被当作垃圾而被回收。
当声明一个对象的时候,JS引擎除了在栈里面创建一个哈希之外,还有就是把__proto__指向了该有的共用属性,也就是指向了原型。


对象.__proto__ === 函数.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/cbdraqtx.html