JavaScript 原型

4. JavaScript 中没有类

 

 

JavaScript 常被描述为一种基于原型的语言 (prototype-based language)——每个对象拥有一个原型对象，对象以其原型为模板、从原型继承方法和属性。原型对象也可能拥有原型，并从中继承方法和属性，一层一层、以此类推。这种关系常被称为原型链 (prototype chain)，它解释了为何一个对象会拥有定义在其他对象中的属性和方法。(MDN)

 

每个对象都有一个标签，这个标签指向他的原型对象，对象基于一种机制，可以访问到原型对象上的属性。

 

在标准中，一个对象的原型是使用 [[prototype]] 表示的，chrome 对其的实现是使用 __proto__ 属性表示。

 

1. 什么是原型

1.1 属性的访问机制

在 JavaScript 中，除了几种基础类型，剩下的几乎都是对象。

 

当我们使用对象自面量创建一个对象的时候，可以访问到对象的 toString 方法。

 

var obj = { empty: true };

 

console.log(obj.toString()); // 输出：[object Object]

代码块

预览

复制

在书写这个自面量的时候，并没有提供 toString 这个方法，却可以被成功调用。

 

这就涉及到了原型。

 

当在访问一个对象的属性时，如果当前对象没有这个属性，就会继续往这个对象的原型对象上去找这个属性。

 

如果原型对象上没有这个属性，则继续从这个 对象 的 原型对象 的 原型对象 找这个属性。

 

这就是属性查找的机制，直到查到原型的末端，也就是 null ，就会停止查找，这个时候已经确定没有这个属性了，就会返回 undefined。

 

例子中的变量 obj 的原型可以通过 __proto__ 访问。

 

var obj = { empty: true };

 

console.log(obj.__proto__);

代码块

预览

复