博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
javaScript原型、原型链
阅读量:5895 次
发布时间:2019-06-19

本文共 1604 字,大约阅读时间需要 5 分钟。

理解对象

ECMA-262 把对象定义为:“无序属性的集合,其属性可以包含基本值、对象或者函数。”严格来讲,
这就相当于说对象是一组没有特定顺序的值。对象的每个属性或方法都有一个名字,而每个名字都映射到一个值。正因为这样(以及其他将要讨论的原因),我们可以把 ECMAScript 的对象想象成散列表:无非就是一组名值对,其中值可以是数据或函数。
原型对象
1.创建的每个函数都有一个 prototype(原型)属性,这个属性是一个指针,指向一个对象(原型对象), 而原型对象的用途是包含可以由特定类型的所有实例共享的属性和方法。

clipboard.png

clipboard.png

2.创建一个新函数,会根据一组特定的规则为该函数创建一个 prototype 属性,这个属性指向函数的原型对象。在默认情况下,所有原型对象都会自动获得一个 constructor (构造函数)属性,这个属性包含一个指向 prototype 属性所在函数的指针。就拿前面的例子来说, Person.prototype.constructor 指向 Person。而通过这个构造函数,我们还可继续为原型对象添加其他属性和方法

clipboard.png

3.当调用构造函数创建一个新实例后,该实例的内部将包含一个指针(内部 属性),指向构造函数的原型对象。ECMA-262 第 5 版中管这个指针叫[[Prototype]]。虽然在脚本中 没有标准的方式访问[[Prototype]],但 Firefox、Safari 和 Chrome 在每个对象上都支持一个属性 __proto__;而在其他实现中,这个属性对脚本则是完全不可见的。不过,要明确的真正重要的一点就 是,这个连接存在于实例与构造函数的原型对象之间,而不是存在于实例与构造函数之间。Person 的每个实例—— person1 和 person2 都包含一个内部属性,该属性仅仅指向了 Person.prototype;换句话说,它们 与构造函数没有直接的关系。

4.实现中都无法访问到[[Prototype]],

1>但可以通过 isPrototypeOf()方法来确定对象之
间是否存在这种关系。

clipboard.png

2>ECMAScript 5增加了一个新方法,叫Object.getPrototypeOf(),在所有支持的实现中,这个方法返回[[Prototype]]的值。例如:

clipboard.png

原型链

原型链是实现继承的主要方法。其基本思想是利用原型让一个引用类型继承另一个引用类型的属性和方法。
(构造函数)的prototype属性指向(原型对象);
(原型对象)的constructor属性指向(构造函数);
(实例对象)的[[Prototype]] __proto__指向(原型对象)

clipboard.png

clipboard.png

1.所有引用类型默认都继承了 Object,而 这个继承也是通过原型链实现的。大家要记住,所有函数的默认原型都是 Object 的实例,因此默认原 型都会包含一个内部指针,指向 Object.prototype。这也正是所有自定义类型都会继承 toString()、 valueOf()等默认方法的根本原因。所以,我们说上面例子展示的原型链中还应该包括另外一个继承层次

clipboard.png

  1. 确定原型和实例的关系

可以通过两种方式来确定原型和实例之间的关系。第一种方式是使用 instanceof 操作符,只要用 这个操作符来测试实例与原型链中出现过的构造函数,结果就会返回 true。以下几行代码就说明了这 一点。

clipboard.png

由于原型链的关系,我们可以说 instance 是 Object、SuperType 或 SubType 中任何一个类型 的实例。因此,测试这三个构造函数的结果都返回了 true。
第二种方式是使用 isPrototypeOf()方法。同样,只要是原型链中出现过的原型,都可以说是该 原型链所派生的实例的原型,因此 isPrototypeOf()方法也会返回 true,如下所示。

clipboard.png

转载地址:http://ppisx.baihongyu.com/

你可能感兴趣的文章
【网络流24题】最长不下降子序列问题
查看>>
[转载]c语言指针segmentation fault 指针常常错误的小地方
查看>>
加速软件源更新和安装 ubuntu 软件中心
查看>>
mybatis hashmap 输入键值对为空时,key 丢失
查看>>
IOS关于UIViewController之间的切换
查看>>
(十五)Hibernate中的多表操作(5):双向多对多
查看>>
ThinkPHP5(目录,路径,模式设置,命名空间)
查看>>
Linux中使用curl命令发送带参数的get请求和post请求
查看>>
基于资源的权限系统-数据库设计
查看>>
Ecto中的changeset,schema,struct,map
查看>>
TF-IDF与余弦相似性的应用(一):自动提取关键词
查看>>
【干货】.NET WebApi HttpMessageHandler管道
查看>>
Sublime text3插件安装及使用教程(1)
查看>>
关于mysql一边查一边更新
查看>>
ZOJ 3324 Machine
查看>>
HDU 2197 本原串
查看>>
归并排序:步骤讲解与代码实现
查看>>
如何在一台主机上管理自己的多个git repository
查看>>
[面试记录-附部分面试题]2014第一波的找工作的记录
查看>>
2015,平凡之路
查看>>