JavaScript定义类（class）的三种方法

JavaScript定义类（class）的三种方法

1. 构造函数法

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

生成实例时，使用 new 关键字
类的属性和方法，还可以定义在构造函数的prototype（能为对象添加属性和方法）上

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

2.Object.create()法

用这个方法，‘类’就是一个对象，不是函数

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

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

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

3.极简主义法（推荐）

这种方法不使用this和prototype，它是用一个队形模拟类，在这个类里面，定义一个构造函数createNew(),用来生成实例

3.1封装

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

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

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

这种方法的好处是容易理解，结构清晰优雅，符合传统的‘面向对象编程’的构造

3.2继承

先定义一个Animal类

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

然后，在Cat的createNew()方法中，调用Animal的createNew()方法

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

这样得到的Cat实例。就会同事继承Cat类和Animal类

var cat1 = Cat.createNew();
cat1.sleep();//睡懒觉

3.3私有属性和私有方法

在createNew()方法中，只要不是定义在cat对象上的方法都是私有的

var Cat = {
    createNew:function(){
        var cat = {};
        var sound = '喵喵喵';
        cat.makeSound = function(){alert(sound)};
        return cat;
    }
}

上例的内部变量sound，外部无法读取，只有通过cat的公有方法makeSound()来读取

var cat1 = Cat.createNew();
alert(cat1.sound);//undefined

3.4数据共享

有时候，我们需要所有实例对象，能够读写同一项内部数据。这个时候，只要把这个内部数据，封装在类对象的里面、createNew()方法的外面即可

var Cat = {
    sound:'喵喵喵',
    createNew:function(){
        var cat = {};
        cat.makeSound =function(){alert(Cat.sound);};
        cat.changeSound = function(x){
            Cat.sound = x;
        };
        return cat;
    }
}

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

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

这时，如果有一个实例对象，修改了共享的数据，另一个实例对象也会受到影响

cat2.changeSound('啦啦啦');
cat1.makeSound();//啦啦啦

es6有新的定义类的方法constructor，以后有时间再做仔细的记录

js定义类的三种方法如有不懂可点击查看参考文章