JavaScript设计模式之实现类继承的两种方法

首先介绍用非常类似java和C++中的方法来实现类的继承。利用JavaScript的函数来声明类，然后用new关键字来实例化对象。暂时叫它classical继承方法吧。

  /* 创建父类Person */
  function Person(name) {
   this.name = name;
  }
  /* 为父类添加getName方法 */
  Person.prototype.getName = function() {
   return this.name;
  }
  /* 创建子类Author继续Person */
  function Author(name, books) {
   Person.call(this, name); //调用父类Person的构造方法
   this.books = books; //为Author添加一个books属性
  }
  Author.prototype = new Person(); //创建原型链
  Author.prototype.constructor = Author; //由于上一行中创建原型链使得Author中原有的constructor被覆盖因此必须还原Author的原型链，防止原型链断裂
  Author.prototype.getBooks = function() { //为Author添加一个方法
   return this.books;
  };
  var author = new Author("Dustin Diaz", [ "数据结构" ]);
  alert(author.getName());
  alert(author.getBooks());

相信大多数的java和c++程序员来说上面的例子非常容易就可以理解。下面我们来看另一种方法用原型来实现类的继承。我们可以叫它prototypal继承。

  function clone(object) {
   function F() {
   };//创建一个空函数
   F.prototype = object;
   return new F;
  }
  /* 父类Person原型对象 */
  var Person = {
   name : "default name",
   getName : function() {
    return this.name;
   }
  };
  /* 子类Author原型对象 */
  var Author = clone(Person);
  Author.books = []; // 默认值
  Author.getBooks = function() {
   return this.books;
  }
  author = clone(Author);
  alert(author.getName()); // 输出结果为default name

这种方法对于很多第一次接触prototype的程序员来说是比较难以理解的。这个例子中我们没有定义化类似类的结构，仅仅定义了原型对象。由于有原型对象的存在，所以这些原型对象能够被其它的新对象运用。

总结：第一种方法很容易理解，所以在这种方法是最常见的。如果你希望的的javascript框架能够被广泛使用，你最好的选择就是第一种方法了，因为不是所有的程序员都能够很好的理解prototype的机制的。第二种方法优点就是是占用内存少，因为所有的clone对象都共用属性和方法，同时它很易用，只用调用一下clone就实现了类的继承，一句话因为简单所以强大。