# JavaScript 面向对象设计

# Javascript继承机制的设计思想

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

那么为什么会存在这种设计呢？从历史的角度分析：在设计的JavaScript这个语言时考虑到他本身就是一个网页脚本语言，不需要复杂的设计(继承)，但同时代是面向对象编程最火的年代，所以JavaScript的设计参考了OO，Javascript里面所有的数据类型都是对象(Object) 所以如果不需要继承，就需要一种方式将不同的对象联系起来。Javascript语言实际上是两种语言风格的混合产物----(简化的)函数式编程+(简化的)面向对象编程

(1)借鉴C语言的基本语法;
(2)借鉴Java语言的数据类型和内存管理;
(3)借鉴Scheme语言，将函数提升到"第一等公民"(first class)的地位;
(4)借鉴Self语言，使用基于原型(prototype)的继承机制

首先，广义的面向对象的编程语言一般在创建一个实例时会使用new操作符

Dog dog = new Dog();

本质上在创建对象的时候会调用类的构造函数，那么能不能将此简化，在创建实例的时候直接使用构造函数

//构造函数
function Dog(name){
  this.name = name;
}

//创建实例
var Dog1 = new Dog("dog1");
var Dog2 = new Dog("dog2");

不足：用构造函数生成实例对象，有一个缺点，那就是无法共享属性和方法在DOG对象的构造函数中，设置一个实例对象的共有属性species

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

生成两个实例对象：

var dog1 = new Dog('dog1');
var dog2 = new Dog('dog2');

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

dog1.species = '猫科';
console.log(dog2.species); // 显示"犬科"，不受dog1的影响

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

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

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

function Dog(name) {
  this.name = name;
}

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

var dog1 = new Dog('dog1');
var dog2 = new Dog('dog2');

console.log(dog1.species); // 犬科
console.log(dog2.species); // 犬科

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

DOG.prototype.species = '猫科';

console.log(dog1.species); // 猫科
console.log(dog2.species); // 猫科

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

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

# 参考

Javascript继承机制的设计思想 (opens new window)

← JavaScript 面向对象 JavaScript 原型 →