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

本文共 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://nlkwa.baihongyu.com/

你可能感兴趣的文章
Dockerfile详解
查看>>
Archlinux添加MP3播放器
查看>>
django连接Oracle过程中出现的问题
查看>>
第七周作业——基础
查看>>
tp框架之增删改查
查看>>
TextView改变颜色
查看>>
Android 项目中文件夹作用(res文件夹详细介绍)
查看>>
VC++排序 排序算法比较
查看>>
android studio本地gradle
查看>>
comet 推送消息到客户端
查看>>
Linux下一个进程可以开多少线程
查看>>
小错误汇总
查看>>
docker容器的两类存储
查看>>
从Controller到View(一)
查看>>
关于&、双引号、和单引号的解释
查看>>
LeetCode - Nth Digit
查看>>
background-clip&background-origin
查看>>
js读书笔记(2)
查看>>
修改表数据
查看>>
Web应用的目录结构
查看>>