面向对象

面向对象

• 机器语言 -> 汇编 -> 低级语言(面向过程) -> 高级语言(面向对象) -> 模块 -> 框架 -> API
• 三大特性
  • 封装性
  • 继承性
  • 多肽性（不太明显）

老版面向对象

• function 函数
• 方法在function外面
  prototype

function User(name, pass){
    this.name=name;
    this.pass=pass;
}
User.prototype.showName=function (){
    alert(this.name);
};
User.prototype.showPass=function (){
    alert(this.pass);
};

var u1=new User('blue', '123456');
u1.showName();
u1.showPass();

ES6面向对象

• class 关键字
• class里面直接加方法
• constructor 构造器

class User{
    constructor(name, pass){
        this.name=name;
        this.pass=pass;
    }
    showName(){
        alert(this.name);
    }
    showPass(){
        alert(this.pass);
    }
}

var u1=new User('blue', '123456');
u1.showName();
u1.showPass();