原型的邂逅(难点)

五、原型

“类”模式介绍的所有模拟类复制行为的方法,如各种混入,都没有使用 [[Prototype]] 链机制

5.1 [[Prototype]]

JavaScript 中的对象有一个特殊的 [[Prototype]] 内置属性,其实就是对于其他对象的引用。几乎所有的对象在创建时 [[Prototype]] 属性都会被赋予一个非空的值
注意:对象的 [[Prototype]] 链接可以为空,虽然很少见。

var myObject = {
	a:2
};
myObject.a; // 2

当你试图引用对象的属性时会触发[[Get]] 操作,比如 myObject.a。对于默认的 [[Get]] 操作来说,第一步是检查对象本身是否有这个属性,如果有的话就使用它。
但是如果 a 不在 myObject 中,就需要使用对象的 [[Prototype]] 链了。

对于默认的 [[Get]] 操作来说,如果无法在对象本身找到需要的属性,就会继续访问对象的 [[Prototype]] 链:

var anotherObject = {
	a:2
};
// 创建一个关联到 anotherObject 的对象
var myObject = Object.create( anotherObject );
myObject.a; // 2

Object.create(…) ,它会创建一个对象把这个对象的 [[Prototype]] 关联到指定的对象

现在 myObject 对象的 [[Prototype]] 关联到了 anotherObject。显然myObject.a 并不存在,但是尽管如此,属性访问仍然成功地(在anotherObject 中)找到了值 2。

但是,如果 anotherObject 中也找不到 a 并且 [[Prototype]] 链不为空的话,就会继续查找下去。

这个过程会持续到找到匹配的属性名或者查找完整条 [[Prototype]] 链。如果是后者的话,[[Get]] 操作的返回值是 undefined
在这里插入图片描述
使用 for…in 遍历对象时原理和查找 [[Prototype]] 链类似,任何可以通过原型链访问到(并且是 enumerable)的属性都会被枚举。使用 in 操作符来检查属性在对象中是否存在时,同样会查找对象的整条原型链(无论属性是否可枚举):

var anotherObject = {
	a:2
};
// 创建一个关联到 anotherObject 的对象
var myObject = Object.create( anotherObject );
for (var k in myObject) {
	console.log("found: " + k);
}
// found: a
("a" in myObject); // true

5.1.1 Object.prototype

所有普通的 [[Prototype]] 链最终都会指向内置的Object.prototype。 由于所有的“普通”(内置,不是特定主机的扩展)对象都 “源于”(或者说把[[Prototype]] 链的顶端设置为)这个 Object.prototype 对象,所以它包含 JavaScript 中许多通用的功能。 比 如 说 .toString() 和 .valueOf().hasOwnProperty(…)。稍后我们还会介绍 .isPrototypeOf(…)
在这里插入图片描述

5.1.2 属性设置和屏蔽

给一个对象设置属性并不仅仅是添加一个新属性或者修改已有的属性值。现在我们完整地讲解一下这个过程

myObject.foo = "bar";

如果 myObject 对象中包含名为 foo 的普通数据访问属性,这条赋值语句只会修改已有的属性值。

如果 foo 不是直接存在于 myObject 中,[[Prototype]] 链就会被遍历,类似 [[Get]] 操作。如果原型链上找不到 foo,foo 就会被直接添加到 myObject 上。

然而,如果 foo 存在于原型链上层,赋值语句 myObject.foo = “bar” 的行为就会有些不同(而且可能很出人意料)。稍后我们会进行介绍。

如果属性名 foo 既出现在 myObject 中也出现在 myObject 的 [[Prototype]] 链上层,那么就会发生屏蔽。myObject 中包含的 foo 属性会屏蔽原型链上层的所有 foo 属性,因为myObject.foo 总是会选择原型链中最底层的 foo 属性。

下面我们分析一下如果 foo 不直接存在于 myObject 中而是存在于原型链上层时 myObject.foo = “bar” 会出现的三种情况。

  1. 如果在 [[Prototype]] 链上层存在名为 foo 的普通数据访问属性(参见第 3 章)并且没有被标记为只读(writable:false),那就会直接在 myObject 中添加一个名为 foo 的新属性,它是屏蔽属性。
  2. 如果在 [[Prototype]] 链上层存在 foo,但是它被标记为只读(writable:false),那么无法修改已有属性或者在 myObject 上创建屏蔽属性。如果运行在严格模式下,代码会抛出一个错误。否则,这条赋值语句会被忽略。总之,不会发生屏蔽。
  3. 如果在 [[Prototype]] 链上层存在 foo 并且它是一个 setter(参见第 3 章),那就一定会调用这个 setter。foo 不会被添加到(或者说屏蔽于)myObject,也不会重新定义 foo 这个 setter。

如果你希望在第二种和第三种情况下也屏蔽 foo,那就不能使用 = 操作符来赋值,而是使用 Object.defineProperty(…) 来向 myObject 添加 foo。

第二种情况可能是最令人意外的,只读属性会阻止 [[Prototype]] 链下层隐式创建(屏蔽)同名属性。 这样做主要是为了模拟类属性的继承。你可以把原型链上层的 foo 看作是父类中的属性,它会被 myObject 继承(复制),这样一来 myObject 中的 foo 属性也是只读,所以无法创建。但是一定要注意,实际上并不会发生类似的继承复制(参见第 4 章和第 5 章)。这看起来有点奇怪,myObject 对象竟然会因为其他对象中有一个只读 foo 就不能包含 foo 属性。更奇怪的是,这个限制只存在于 = 赋值中,使用 Object.defineProperty(…) 并不会受到影响。

如果需要对屏蔽方法进行委托的话就不得不使用丑陋的显式伪多态(参见第 4 章)。通常来说,**使用屏蔽得不偿失,所以应当尽量避免使用。**第 6 章会介绍另一种不使用屏蔽的更加简洁的设计模式。

有些情况下会隐式产生屏蔽,一定要当心。

var anotherObject = {
	a:2
};
var myObject = Object.create( anotherObject );
anotherObject.a; // 2
myObject.a; // 2

anotherObject.hasOwnProperty( "a" ); // true
myObject.hasOwnProperty( "a" ); // false

myObject.a++; // 隐式屏蔽!

anotherObject.a; // 2
myObject.a; // 3

myObject.hasOwnProperty( "a" ); // true

尽管 myObject.a++ 看起来应该(通过委托)查找并增加anotherObject.a 属性,但是别忘了 ++ 操作相当于 myObject.a = myObject.a + 1。因此 ++ 操作首先会通过 [[Prototype]]查找属性 a 并从 anotherObject.a 获取当前属性值 2,然后给这个值加 1,接着用 [[Put]]将值 3 赋给 myObject 中新建的屏蔽属性 a,天呐!

修改委托属性时一定要小心。如果想让 anotherObject.a 的值增加,唯一的办法是anotherObject.a++。

5.2 “类”

JavaScript 和面向类的语言不同,它并没有类来作为对象的抽象模式或者说蓝图。JavaScript 中只有对象

实际上,JavaScript 才是真正应该被称为 “面向对象”的语言 ,因为它是少有的可以不通过类,直接创建对象的语言。

在 JavaScript 中,类无法描述对象的行为,(因为 根本就不存在类!对象直接定义自己的行为。再说一遍,JavaScript 中只有对象

5.2.1 “类”函数

模仿类。

利用了函数的一种特殊特性所有的函数默认都会拥有一个名为 prototype 的公有并且不可枚举的属性,它会指向另一个对象

function Foo() {
	// ...
}
Foo.prototype; // { }

这个对象到底是什么?
最直接的解释就是,这个对象是在调用 new Foo()(参见第 2 章)时创建的最后会被(有点武断地)[[Prototype]] 关联到这个“Foo 点prototype”对象上

function Foo() {
	// ...
}
var a = new Foo();
Object.getPrototypeOf( a ) === Foo.prototype; // true

调用 new Foo() 时会创建 a(具体的 4 个步骤参见第 2 章),其中的一步就是将 a 内部的 [[Prototype]] 链接到 Foo.prototype 指向的那个对象

但是在 JavaScript 中,并没有类似的复制机制。你不能创建一个类的多个实例,只能创建多个对象它们 [[Prototype]] 关联的是同一个对象。但是在默认情况下并不会进行复制,因此这些对象之间并不会完全失去联系,它们是互相关联的。

new Foo() 会生成一个新对象(我们称之为 a),这个新对象的内部链接 [[Prototype]] 关联的是 Foo.prototype 对象。

最后我们得到了两个对象,它们之间互相关联,就是这样。我们并没有初始化一个类,实际上我们并没有从“类”中复制任何行为到一个对象中,只是让两个对象互相关联

实际上,绝大多数 JavaScript 开发者不知道的秘密是,new Foo() 这个函数调用实际上并没有直接创建关联,这个关联只是一个意外的副作用。new Foo() 只是间接完成了我们的目标:一个关联到其他对象的新对象

那么有没有更直接的方法来做到这一点呢?当然!功臣就是Object.create(…)

【关于名称问题】
[[Prototype]] 机制如图所示,箭头从右到左,从下到上
在这里插入图片描述
这个机制通常被称为原型继承(稍后我们会分析具体代码),它常常被视为动态语言版本的类继承。(这个任意混淆的组合术语会造成误解,不建议这样叫。更好的方法是直接把苹果叫作苹果——使用更加准确并且直接的术语。)

这个容易混淆的组合术语**“原型继承”**(以及使用其他面向类的术语比如 “类”、“构造函数”、“实例”、“多态”,等等 )严重影响了大家对于 JavaScript 机制真实原理的理解。

继承意味着复制操作,JavaScript(默认)并不会复制对象属性。相反,JavaScript 会在两个对象之间创建一个关联,这样一个对象就可以通过委托访问另一个对象的属性和函数。委托(参见第 6 章)这个术语可以更加准确地描述 JavaScript 中对象的关联机制。

还有个偶尔会用到的 JavaScript 术语差异继承。基本原则是在描述对象行为时,使用其不同于普遍描述的特质。举例来说,描述汽车时你会说汽车是有四个轮子的一种交通工具,但是你不会重复描述交通工具具备的通用特性(比如引擎)。

如果你把 JavaScript 中对象的所有委托行为归结到对象本身并且把对象看作是实物的话,那就(差不多)可以理解差异继承了。

但是**和原型继承一样,差异继承会更多是你脑中构建出的模型,而非真实情况。**它忽略了一个事实,那就是对象 B 实际上并不是被差异构造出来的,我们只是定义了 B 的一些指定特性,其他没有定义的东西都变成了“洞”。而这些洞(或者说缺少定义的空白处)最终会被委托行为“填满”。

默认情况下,对象并不会像差异继承暗示的那样通过复制生成。因此,差异继承也不适合用来描述 JavaScript 的 [[Prototype]] 机制。

5.2.2 “构造函数”

function Foo() {
	// ...
}
var a = new Foo();

到底是什么让我们认为 Foo 是一个“类”呢?其中一个原因是我们看到了关键字 new。
除了令人迷惑的“构造函数” 语义外,Foo.prototype 还有另一个绝招。

function Foo() {
	// ...
}
Foo.prototype.constructor === Foo; // true
var a = new Foo();
a.constructor === Foo; // true

Foo.prototype 默认(在代码中第一行声明时!)有一个公有并且不可枚举(参见第 3 章)的属性 .constructor,这个属性引用的是对象关联的函数(本例中是 Foo)。此外,我们可以看到通过“构造函数”调用 new Foo() 创建的对象也有一个 .constructor 属性,指向“创建这个对象的函数”。

实际上 a 本身并没有 .constructor 属性。而且,虽然 a.constructor 确实指
向 Foo 函数,但是 这个属性并不是表示 a 由 Foo“构造”

这个惯例影响力非常大,以至于如果你用 new 来调用小写方法或者不用 new调用首字母大写的函数,许多 JavaScript 开发者都会责怪你。我们竟然会如此努力地维护 JavaScript 中 (假)“面向类” 的权力,尽管对于JavaScript 引擎来说首字母大写没有任何意义。

  1. 构造函数还是调用
    上一段代码很容易让人认为 Foo 是一个构造函数,因为我们使用 new 来调用它并且看到它“构造”了一个对象。
    实际上,Foo 和你程序中的其他函数没有任何区别。函数本身并不是构造函数,然而,当你在普通的函数调用前面加上 new 关键字之后,就会把这个函数调用变成一个“构造函数调用”。实际上,new 会劫持所有普通函数并用构造对象的形式来调用它
function NothingSpecial() {
	console.log( "Don't mind me!" );
}
var a = new NothingSpecial();
// "Don't mind me!"
a; // {}

NothingSpecial 本身并不是一个构造函数。
换句话说,在 JavaScript 中对于“构造函数”最准确的解释是,所有带 new 的函数调用。
函数不是构造函数,但是 当且仅当使用 new 时,函数调用会变成“构造函数调用”。

5.2.3 技术

function Foo(name) {
	this.name = name;
}
Foo.prototype.myName = function() {
	return this.name;
};
var a = new Foo( "a" );
var b = new Foo( "b" );
a.myName(); // "a"
b.myName(); // "b"

这段代码展示了另外两种“面向类”的技巧

  1. this.name = name 给每个对象(也就是 a 和 b,参见第 2 章中的 this 绑定)都添加了 .name 属性,有点像类实例封装的数据值。
  2. Foo.prototype.myName = … 可能个更有趣的技巧,它会给Foo.prototype 对象添加一个属性(函数)。现在,a.myName() 可以正常工作,但是你可能会觉得很惊讶,这是什么原理呢?

在这段代码中,看起来似乎创建 a 和 b 时会把 Foo.prototype 对象复制到这两个对象中,然而事实并不是这样
在本章开头介绍默认 [[Get]] 算法时我们介绍过 [[Prototype]] 链,以及当属性不直接存在于对象中时如何通过它来进行查找。

因此,在创建的过程中,a 和 b 的内部 [[Prototype]] 都会关联到Foo.prototype 上。当 a和 b 中无法找到 myName 时,它会(通过委托,参见第 6 章)在 Foo.prototype 上找到。

【回顾“构造函数”】
之前讨论 .constructor 属性时我们说过,看起来 a.constructor === Foo 为真意味着 a 确实有一个指向 Foo 的 .constructor 属性,但是事实不是这样

这是一个很不幸的误解实际上,.constructor 引用同样被委托给了Foo.prototype,而Foo.prototype.constructor 默认指向 Foo。
把 .constructor 属性指向 Foo 看作是 a 对象由 Foo“构造”非常容易理解,但这只不过是一种虚假的安全感。a.constructor 只是通过默认的 [[Prototype]] 委托指向 Foo,这和“构造”毫无关系。相反,对于.constructor 的错误理解很容易对你自己产生误导。

举例来说,Foo.prototype 的 .constructor 属性只是 Foo 函数在声明时的默认属性。如果你创建了一个新对象并替换了函数默认的 .prototype 对象引用,那么 新对象并不会自动获得 .constructor 属性

function Foo() { /* .. */ }
Foo.prototype = { /* .. */ }; // 创建一个【新原型对象】
var a1 = new Foo();
a1.constructor === Foo; // false!
a1.constructor === Object; // true!

问题在于,如果你认为“constructor”表示“由……构造”的话,a1.constructor 应该是 Foo,但是它并不是 Foo !

到底怎么回事? a1 并没有 .constructor 属性,所以它会委托 [[Prototype]] 链上的 Foo.prototype。但是这个对象也没有 .constructor 属性(不过默认的 Foo.prototype 对象有这个属性!),所以它会继续委托,这次会委托给委托链顶端的 Object.prototype。这个对象有 .constructor 属性,指向内置的Object(…) 函数。
错误观点已被摧毁。

当然,你可以给 Foo.prototype 添加一个 .constructor 属性,不过这需要手动添加一个符合正常行为的不可枚举(参见第 3 章)属性

function Foo() { /* .. */ }
Foo.prototype = { /* .. */ }; // 创建一个新原型对象
// 需要在 Foo.prototype 上“修复”丢失的 .constructor 属性
// 新对象属性起到 Foo.prototype 的作用
// 关于 defineProperty(..),参见第 3 章
Object.defineProperty( Foo.prototype, "constructor" , {
	enumerable: false,
	writable: true,
	configurable: true,
	value: Foo // 让 .constructor 指向 Foo
} );

所有这些工作都是源于 把“constructor”错误地理解为“由……构造”

实际上,对象的 .constructor 会默认指向一个函数,这个函数可以通过对象的 .prototype引用。“constructor”和“prototype”这两个词本身的含义可能适用也可能不适用。最好的办法是记住这一点“constructor 并不表示被构造”。

.constructor 并不是一个不可变属性。它是不可枚举(参见上面的代码)的,但是它的值是可写的(可以被修改)。此外,你可以给任意 [[Prototype]] 链中的任意对象添加一个名为 constructor 的属性或者对其进行修改,你可以任意对其赋值。

和 [[Get]] 算法查找 [[Prototype]] 链的机制一样,.constructor 属性引用的目标可能和你想的完全不同。

现在你应该明白这个属性多么随意了吧?
结论?一些随意的对象属性引用,比如 a1.constructor,实际上是不被信任的,它们不一定会指向默认的函数引用。此外,很快我们就会看到,稍不留神 a1.constructor 就可能会指向你意想不到的地方。

a1.constructor 是一个非常不可靠并且不安全的引用。 通常来说要尽量避免使用这些引用。

5.3 (原型)继承

在这里插入图片描述
它不仅展示出对象(实例)a1 到 Foo.prototype 的委托关系,还展示出Bar.prototype 到 Foo.prototype 的委托关系,而后者和类继承很相似,只有箭头的方向不同。图中由下到上的箭头表明这是委托关联不是复制操作。

function Foo(name) {
	this.name = name;
}
Foo.prototype.myName = function() {
	return this.name;
};
function Bar(name,label) {
	Foo.call( this, name );
	this.label = label;
}
// 我们创建了一个新的 Bar.prototype 对象并关联到 Foo.prototype
Bar.prototype = Object.create( Foo.prototype );
// 注意!现在没有 Bar.prototype.constructor 了
// 如果你需要这个属性的话可能需要手动修复一下它
Bar.prototype.myLabel = function() {
	return this.label;
};
var a = new Bar( "a", "obj a" );
a.myName(); // "a"
a.myLabel(); // "obj a"

这段代码的核心部分就是语句 Bar.prototype = Object.create( Foo.prototype )。调用Object.create(…) 会凭空创建一个“新”对象并把新对象内部的[[Prototype]] 关联到你指定的对象(本例中是 Foo.prototype)。

换句话说,这条语句的意思是:“创建一个新的 Bar.prototype 对象并把它关联到 Foo.prototype”。

声明 function Bar() { … } 时,和其他函数一样,Bar 会有一个.prototype 关联到默认的对象,但是这个对象并不是我们想要的 Foo.prototype。因此我们创建了一个新对象并把它关联到我们希望的对象上,直接把原始的关联对象抛弃掉。

注意,下面这两种方式是常见的错误做法,实际上它们都存在一些问题:

// 和你想要的机制不一样!
Bar.prototype = Foo.prototype;
// 基本上满足你的需求,但是可能会产生一些副作用 :(
Bar.prototype = new Foo();

Bar.prototype = Foo.prototype 并不会创建一个关联到 Bar.prototype 的新对象,它只是让 Bar.prototype 直接引用 Foo.prototype 对象。因此当你执行类似 Bar.prototype.myLabel = … 的赋值语句时会直接修改 Foo.prototype 对象本身。显然这不是你想要的结果,否则你根本不需要 Bar 对象,直接使用 Foo 就可以了,这样代码也会更简单一些。

Bar.prototype = new Foo() 的确会创建一个关联到 Bar.prototype 的新对象。但是它使用了 Foo(…) 的“构造函数调用”,如果函数 Foo 有一些副作用(比如写日志、修改状态、注册到其他对象、给 this 添加数据属性,等等)的话,就会影响到 Bar() 的“后代”,后果不堪设想。

因此,要创建一个合适的关联对象,我们必须使用Object.create(…) 而不是使用具有副作用的 Foo(…)。这样做唯一的缺点就是需要创建一个新对象然后把旧对象抛弃掉,不能直接修改已有的默认对象。

如果能有一个标准并且可靠的方法来修改对象的 [[Prototype]] 关联就好了。在 ES6 之前,我们只能通过设置 .proto 属性来实现,但是这个方法并不是标准并且无法兼容所有浏览器。ES6 添加了辅助函数Object.setPrototypeOf(…),可以用标准并且可靠的方法来修改关联。

我们来对比一下两种把 Bar.prototype 关联到 Foo.prototype 的方法:

// ES6 之前需要抛弃默认的 Bar.prototype
Bar.ptototype = Object.create( Foo.prototype );
// ES6 开始可以直接修改现有的 Bar.prototype
Object.setPrototypeOf( Bar.prototype, Foo.prototype );

如果忽略掉 Object.create(…) 方法带来的轻微性能损失(抛弃的对象需要进行垃圾回收),它实际上比 ES6 及其之后的方法更短而且可读性更高。不过无论如何,这是两种完全不同的语法。

【检查“类”关系】
在传统的面向类环境中,检查一个实例(JavaScript 中的对象)的继承祖先(JavaScript 中的委托关联)通常被称为 内省(或者反射)

function Foo() {
	// ...
}
Foo.prototype.blah = ...;
var a = new Foo();

我们如何通过内省找出 a 的“祖先”(委托关联)呢?第一种方法是站在“类”的角度来判断:

a instanceof Foo; // true

instanceof 操作符的左操作数是一个普通的对象,右操作数是一个函数。instanceof 回答的问题是:在 a 的整条 [[Prototype]] 链中是否有指向Foo.prototype 的对象?

可惜,这个方法只能处理 对象(a)函数(带 .prototype 引用的 Foo) 之间的关系。 如果你想判断两个对象(比如 a 和 b)之间是否通过 [[Prototype]] 链关联,只用 instanceof无法实现。

如果使用内置的 .bind(…) 函数来生成一个硬绑定函数(参见第 2 章)的话,该函数是没有 .prototype 属性的。在这样的函数上使用 instanceof 的话,目标函数的 .prototype 会代替硬绑定函数的 .prototype。
通常我们不会在“构造函数调用”中使用硬绑定函数,不过如果你这么做的话,实际上相当于直接调用目标函数。同理,在硬绑定函数上使用instanceof 也相当于直接在目标函数上使用 instanceof。

下面这段荒谬的代码试图站在“类”的角度使用 instanceof 来判断两个对象的关系:

// 用来判断 o1 是否关联到(委托)o2 的辅助函数
function isRelatedTo(o1, o2) {
	function F(){}
	F.prototype = o2;
	return o1 instanceof F;
}
var a = {};
var b = Object.create( a );
isRelatedTo( b, a ); // true

在 isRelatedTo(…) 内部我们声明了一个一次性函数 F,把它的 .prototype 重新赋值并指向对象 o2,然后判断 o1 是否是 F 的一个“实例”。显而易见,o1 实际上并没有继承 F 也不是由 F 构造,所以这种方法非常愚蠢并且容易造成误解。问题的关键在于思考的角度,强行在 JavaScript 中应用类的语义(在本例中就是使用 instanceof)就会造成这种尴尬的局面。

下面是第二种判断 [[Prototype]] 反射的方法,它更加简洁:

Foo.prototype.isPrototypeOf( a ); // true

注意,在本例中,我们实际上并不关心(甚至不需要)Foo,我们只需要一个可以用来判断的对象(本例中是 Foo.prototype)就行。isPrototypeOf(…) 回答的问题是:在 a 的整条 [[Prototype]] 链中是否出现过 Foo.prototype ?

同样的问题,同样的答案,但是在第二种方法中并不需要间接引用函数(Foo),它的 .prototype 属性会被自动访问。

我们只需要两个对象就可以判断它们之间的关系。举例来说:

// 非常简单:b 是否出现在 c 的 [[Prototype]] 链中?
b.isPrototypeOf( c );

**注意,这个方法并不需要使用函数(“类”),它直接使用 b 和 c 之间的对象引用来判断它们的关系。**换句话说,语言内置的 isPrototypeOf(…) 函数就是我们的 isRelatedTo(…) 函数。

我们也可以直接获取一个对象的 [[Prototype]] 链。在 ES5 中,标准的方法是:

Object.getPrototypeOf( a );

可以验证一下,这个对象引用是否和我们想的一样:

Object.getPrototypeOf( a ) === Foo.prototype; // true

绝大多数(不是所有!)浏览器也支持一种非标准的方法来访问内部 [[Prototype]] 属性:

a.__proto__ === Foo.prototype; // true

这个奇怪的 .proto(在 ES6 之前并不是标准!)属性“神奇地”引用了内部的[[Prototype]] 对象,如果你想直接查找(甚至可以通过
. _ proto_._ ptoto_… 来遍历
)原型链的话,这个方法非常有用。

和我们之前说过的 .constructor 一样,._ proto _ 实际上并不存在于你正在使用的对象中(本例中是 a)。实际上,它和其他的常用函数(.toString()、.isPrototypeOf(…),等等)一样,存在于内置的 Object.prototype 中。(它们是不可枚举的,参见第 2 章。)

此外,._ proto _ 看起来很像一个属性,但是实际上它更像一个 getter/setter。

._ proto _ 的实现大致上是这样的(对象属性的定义参见第 3 章):

Object.defineProperty( Object.prototype, "__proto__", {
	get: function() {
		return Object.getPrototypeOf( this );
	},
	set: function(o) {
		// ES6 中的 setPrototypeOf(..)
		Object.setPrototypeOf( this, o );
		return o;
	}
} );

因此,访问(获取值)a._ proto _ 时,实际上是调用了 a._ proto _()(调用 getter 函数)。虽然 getter 函数存在于 Object.prototype 对象中,但是它的 this 指向对象 a(this的绑定规则参见第 2 章),所以和Object.getPrototypeOf( a ) 结果相同。

._ proto _ 是可设置属性,之前的代码中使用 ES6 的Object.setPrototypeOf(…) 进行设置。然而,通常来说你不需要修改已有对象的 [[Prototype]]。

我们只有在一些特殊情况下(我们前面讨论过)需要设置函数默认 .prototype 对象的[[Prototype]],让它引用其他对象(除了Object.prototype)。这样可以避免使用全新的对象替换默认对象。此外,最好把 [[Prototype]] 对象关联看作是只读特性,从而增加代码的可读性。

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值