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属性

你可能感兴趣的:(JS进阶)