javascript定义类的三种方法

原文地址：http://www.ruanyifeng.com/blog/2012/07/three_ways_to_define_a_javascript_class.html

一、构造函数法

这是经典方法，也是教科书必教的方法。它用构造函数模拟”类”，在其内部用this关键字指代实例对象。

function Cat() {
　　　　this.name = "大毛";
　　}

生成实例的时候，使用new关键字。

var cat1 = new Cat();
alert(cat1.name); // 大毛

类的属性和方法，还可以定义在构造函数的prototype对象之上。

Cat.prototype.makeSound = function(){
　　　　alert("喵喵喵");
　　}

二、Object.create()法

为了解决”构造函数法”的缺点，更方便地生成对象，Javascript的国际标准ECMAScript第五版（目前通行的是第三版），提出了一个新的方法Object.create()。

用这个方法，”类”就是一个对象，不是函数。

var Cat = {
　　　　name: "大毛",
　　　　makeSound: function(){ alert("喵喵喵"); }
　};

然后，直接用Object.create()生成实例，不需要用到new。

var cat1 = Object.create(Cat);
alert(cat1.name); // 大毛
cat1.makeSound(); // 喵喵喵

三、极简主义法

首先，它也是用一个对象模拟”类”。在这个类里面，定义一个构造函数createNew()，用来生成实例。

var Cat = {
　　　　createNew: function(){
　　　　　　// some code here
　　　　}
};

然后，在createNew()里面，定义一个实例对象，把这个实例对象作为返回值。

var Cat = {
　　　　createNew: function(){
　　　　　　var cat = {};
　　　　　　cat.name = "大毛";
　　　　　　cat.makeSound = function(){ alert("喵喵喵"); };
　　　　　　return cat;
　　　　}
　　};

使用的时候，调用createNew()方法，就可以得到实例对象。

var cat1 = Cat.createNew();
cat1.makeSound(); // 喵喵喵

可以实现继承，如下

var Animal = {
　　　　createNew: function(){
　　　　　　var animal = {};
　　　　　　animal.sleep = function(){ alert("睡懒觉"); };
　　　　　　return animal;
　　　　}
　　};

var Cat = {
　　　　createNew: function(){
　　　　　　var cat = Animal.createNew();
　　　　　　cat.name = "大毛";
　　　　　　cat.makeSound = function(){ alert("喵喵喵"); };
　　　　　　return cat;
　　　　}
　　};