对象设计

简介

在开始学习JS的时候，会看到很多资料上写到JS是一门面向对象的语言，对于熟悉C++/JAVA等语言的人而言，面向对象看起来是非常自然的存在，但是在JS 中，为了实现所追求的面向对象开发的效果，我们还是需要理解费些功夫的。

谈到面向对象，会说到四大特征:

封装
继承
多态
重载

那么在JS中，哪些是可以被支持，如何被支持呢。

在通过js模拟类的过程中有几个概念需要理解:

new操作符
原型继承(prototype)

思考面向对象设计

封装

封装将数据及针对数据的操作组合在一样，使得我们在不改变接口的情况下，可以根据情况改变内部的数据结构。针对C++而言，我们一般会使用private 修饰符来组织外部对该成员变量的访问，很遗憾，目前js中并不支持概念上的私有成员变量。

下面来实现一个person类，可以为该实例设置名称及年纪。

function Person(age, name) {
    this._age = age;
    this._name = name;
}
Person.prototype.setAge = function (age) {
    this._age = age;
}
Person.prototype.getAge = function () {
    return this._age;
}
Person.prototype.setName = function (name) {
    this._name = name;
}
Person.prototype.getName = function(){
    return this._name;
}
var p1 = new Person(18, 'jack');
console.log("Before change age:",p1.getAge());
console.log("Before change name:",p1.getName());
p1.setAge(20);
p1.setName('tom');
console.log("End change age:",p1.getAge());
console.log("End change name:",p1.getName());

js不支持私有成员变量，个人喜欢使用_xxx格式代表私有变量

重载

在c++中重载是指多个函数可以拥有相同的函数名，但是不同的参数类型或个数。在实际调用过程中，会根据传入的参数不同来决定调用哪个函数。

但js是一门动态语言，且并不限制传入的参数个数及类型，所以js是不支持函数重载的。

arguments object

继承

js通过原型链的方式来实现类中的继承,关于原型链会专门写文章来介绍，本章节只描述如何使用。

在这里我们会定义一个Person类，其中包含姓名及年龄变量，然后Student类会继承Person类，并在此基础上添加学号变量。

所以这里Person类为父类, Student类为子类。

function Person(name, age) {
    this._name = name;
    this._age = age;
}
Person.prototype = {
    setName : function(name) {
        this._name = name;
    },
    getName : function() {
        return this._name;
    },
    setAge : function(age) {
        this._age = age;
    },
    getAge : function(){
        return this._age;
    }
}

function Student(name, age, studentID) {
    Person.call(this, name, age);
    this._studentID = studentID;
}
//Student的原型与Person的原型组成原型链
Student.prototype = Object.create(Person.prototype);
//定义针对Student的函数
Student.prototype.setID = function(id) {
    this._studentID = id;
}
Student.prototype.getID = function() {
    return this._studentID;
}

var stu = new Student("Tom",20,"2012");
console.log(stu.getName());
console.log(stu.getAge());
console.log(stu.getID());

js中无法模拟出多重继承，虚拟继承等概念
有些代码在实现原型链的时候会采用Student.prototype = new Person(xxx,xxx)的写法，这样可能会产生副作用，尽量不要采用

多态

在这里称呼多态感觉并不是太合适，事实上多态用在C++中主要用于描述动态绑定的概念，其中会涉及到向上类型转换，针对JS而言，可能称呼重写更加合适吧。

function Person(name, age) {
    this._name = name;
    this._age = age;
}
Person.prototype.introduce = function(){
    console.log("I am %s, i am %d years old", this._name, this._age);
}

function Student(name, age, id){
    Person.call(this, name, age);
    this._studentID = id;
}
Student.prototype = Object.create(Person.prototype);
Student.prototype.introduce = function(){
    console.log("I am %s, I am a student", this._name);
}
var person = new Person("Tom",18);
person.introduce();
var student = new Student("Jack",20, "2012");
student.introduce();