JS进阶系列 --- 面向对象编程

何为面向对象？

使用它所提供的接口而忽略其内部组成情况

js面向对象有三大特性：抽象、封装、继承

何为抽象？

抽取这个对象的核心数据，不在特定条件下不知道是什么
比如我如何描述一个对象 人？
抽取这个对象的核心数据：name，age，sex……

function Person(obj){
        this.name = obj.name;
        this.age = obj.age;
        this.sex = obj.sex;
}

我知道人这个对象有姓名，年龄，性别。但是在人未具体化之前我不知道他的姓名，年龄，性别具体是什么，这就是抽象！

何为封装

将数据和功能整合到一起
把过程封装成方法，把方法和属性封装成对象

封装成方法

比如我们实现一个功能：计算两个数的和

var a = 1;
var b = 2;
console.log(a+b);

但是我们可能要经常用到这个功能，于是我们把这段代码封装成方法

function add(a,b){
    return a+b;
}
add(1,3);
add(2,4);

这样子做，方便方法的复用

封装成对象

比如我们要写一个计算器，要实现很多运算的功能，于是我们把这些运算方法封装成一个计算器对象。

function Calcu(){
    this.add = function(a,b){
        return a+b;
    };
    this.sub = function(a,b){
        return a-b;
    }
}
var cal = new Calcu();
cal.add(1,3);
cal.sub(4,2);

这样子做，方便对象的复用

何为继承？

自己没有，别人有，拿过来自己用
js没有明确的继承语法，一般都是按照继承的理念实现对象的成员扩充实现继承，因此js的继承方法特别多

混入继承

function mix(o1,o2){
    for(var k in o2){
        o1[k] = o2[k];
    }
}
var o1 = {name:'xx'};
var o2 = {age:18};
mix(o1,o2);
//结果是o1有了o2的age属性