JavaScript 继承机制设计思想

这篇文章会整理 JavaScript 继承机制设计思想，也可以解释一些，原型相关属性的由来。

JavaScript语言没有 类(class)的概念（面向对象），也没有实例（instance）。用原型链模式（prototype chain）模式实现继承。

JavaScript里面所有的数据类型都是对象（object）。JavaScript最初定位为"简单"的脚本语言，其实不需要继承机制。但是JavaScript里面都是对象，必须要有一种机制把所有对象联系起来。Brendan Eich 最后用原型链的方式来链接对象。他参照 C++和Java 引入了 new 操作符，用来从原型对象生成一个实例对象。但是，Javascript没有"类"，怎么来表示原型对象呢？

C++和Java 使用new创建对象时。都会调用"类"的构造函数（constructor）。Brendan Eich 就做了一个简化的设计，在Javascript语言中，new命令后面跟的不是类，而是构造函数。

举例子：

用Dog构造函数表示，狗对象的原型

function Dog(name){
　　this.name = name;
　　this.species = '犬科';
}

// 用 new 关键字 生成一个狗的实例对象， this 关键字指向新创建的实例对象

  var dogA = new Dog('大毛');

  var dogB = new Dog('二毛');

  alert(dogA.name); // 大毛

  // 这两个对象的species属性是独立的，修改其中一个，不会影响到另一个

  dogA.species = "猫科"

  alert(dogB.species); // 显示犬科，不受dogA影响

 

new 操作符的缺点　　

用构造函数生成实例对象，有一个缺点，那就是无法共享属性和方法。

每一个实例对象，都有自己的属性和方法的副本。这不仅无法做到数据共享，也是极大的资源浪费。

 

prototype属性的引入：

考虑到这一点，Brendan Eich决定为构造函数设置一个prototype属性。

这个属性是一个对象（以下简称"prototype对象"），所有实例对象需要共享的属性和方法，都放在这个对象里面；那些不需要共享的属性和方法，就放在构造函数里面。

实例对象一旦创建，将自动引用prototype对象的属性和方法。也就是说，实例对象的属性和方法，分成两种，一种是本地的，另一种是引用的。

还是以DOG构造函数为例，现在用prototype属性进行改写：

   function Dog(name){

　　　　this.name = name;

　　}

　　Dog.prototype = { species : '犬科' };


　　var dogA = new Dog('大毛');

　　var dogB = new Dog('二毛');


　　alert(dogA.species); // 犬科

　　alert(dogB.species); // 犬科

　　现在，species属性放在prototype对象里，是两个实例对象共享的。只要修改了prototype对象，就会同时影响到两个实例对象。

   Dog.prototype.species = '猫科';

　　alert(dogA.species); // 猫科

　　alert(dogB.species); // 猫科    

　　

由于所有的实例对象共享同一个prototype对象，那么从外界看起来，prototype对象就好像是实例对象的原型，而实例对象则好像"继承"了prototype对象一样。

这就是Javascript继承机制的设计思想

原文：http://www.ruanyifeng.com/blog/2011/06/designing_ideas_of_inheritance_mechanism_in_javascript.html