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

原文地址:https://www.cnblogs.com/winyh/p/11131605.html