美文网首页
原型与原型链

原型与原型链

作者: 陈夏天0527 | 来源:发表于2019-02-12 23:34 被阅读0次

一、全局对象

ECMAScript把全局对象成为global,但浏览器里全局对象成为window

全局对象分为两种:

1.ECMAScript规定好的,如:global.parseInt、global.parseFloat、global.Number、global.String、global.Boolean、global.Object

2.浏览器私有的,如:window.alert、window.prompt、window.confirm、window.console.log、window.document

所有API都可以在MDN找到相关资料。

二、全局函数(简单类型与对象的区别:内存不同)

1.Number

n和m都是声明数字1,但打印出来的结果不一样

上图n、m都是声明了数字1,但第一个方法可以看到n只打印出1,而方法二打印出一个对象,该对象里除了一个名为[[PrimitiveValue]]: 1的东西,还有一个_proto_(下文再说明_proto_是什么)

结合上一篇《JS里的数据类型转换》中内存图的只是,我们可以知道普通类型在声明的时候是把数据放到Stack(栈内存)中,他们并没有任何key(key是对象才有)。那么为何我们在转换类型的时候可以直接写x.toString()呢(如图二)?

图二

这是因为当写这句语句时浏览器把该声明语句作了临时的改变,转换成图三的类型。可以看到图三中对象Number{1}中的_proto_里有一个toString的key。这就是为什么我们可以直接写x.toString

图三

2.String

与Number一致

3.Boolean

留意下图:

a什么也没打印,但b能打印出来。这是因为b声明了一个对象,而对象的布尔值为true

4. var o = {} 与var o = new Object()没有区别

三、公用属性(原型)

所有对象都有 toString 和 valueOf 属性,所以没有必要给每一个对象一个toString 和 valueOf 属性。JS的做法是把 toString 和 valueOf 放在一个对象里(暂且叫做公用属性组成的对象),然后让每一个对象的 __proto__ 存储这个公用属性组成的对象的地址。解释如下图:O1和O2中都有一个名为_proto_的对象,他们都指向同一个属性。

四、重要公式

var 对象 = new 函数()

对象.__proto__ === 对象的构造函数.prototype

如何理解_proto_与prototype的区别呢?(简单来说,prototype是没有任何代码时浏览器已经准备好的,_proto_是写了代码以后出现的,他们都指向同一个地方)

相关文章

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