Javascript继承机制的设计思想

标签：面向   面向对象   设计思想   work   bsp   这一   cti   end   type属性   

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

http://blog.vjeux.com/2011/javascript/how-prototypal-inheritance-really-works.html

https://www.jianshu.com/p/f30fa27999e3

我一直很难理解Javascript语言的继承机制。

它没有"子类"和"父类"的概念，也没有"类"（class）和"实例"（instance）的区分，全靠一种很奇特的"原型链"（prototype chain）模式，来实现继承。

我花了很多时间，学习这个部分，还做了很多笔记。但是都属于强行记忆，无法从根本上理解。

直到昨天，我读到法国程序员Vjeux的解释，才恍然大悟，完全明白了Javascript为什么这样设计。

下面，我尝试用自己的语言，来解释它的设计思想。彻底说明白prototype对象到底是怎么回事。其实根本就没那么复杂，真相非常简单。

举例来说，现在有一个叫做DOG的构造函数，表示狗对象的原型。

　　function DOG(name){

　　　　this.name = name;

　　}

对这个构造函数使用new，就会生成一个狗对象的实例。

　　var dogA = new DOG(‘大毛‘);

　　alert(dogA.name); // 大毛

注意构造函数中的this关键字，它就代表了新创建的实例对象。

三、new运算符的缺点

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

比如，在DOG对象的构造函数中，设置一个实例对象的共有属性species。

　　function DOG(name){

　　　　this.name = name;

　　　　this.species = ‘犬科‘;

　　}

然后，生成两个实例对象：

　　var dogA = new DOG(‘大毛‘);

　　var dogB = new DOG(‘二毛‘);

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

　　dogA.species = ‘猫科‘;

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

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

四、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继承机制的设计思想。不知道我说清楚了没有，继承机制的具体应用方法，可以参考我写的系列文章：

　　* 《Javascript面向对象编程（一）：封装》

　　* 《Javascript面向对象编程（二）：构造函数的继承》

　　* 《Javascript面向对象编程（三）：非构造函数的继承》

Javascript继承机制的设计思想

标签：面向   面向对象   设计思想   work   bsp   这一   cti   end   type属性   

原文地址：https://www.cnblogs.com/chucklu/p/11129841.html