javascript 類的區別

javascript 新式類與舊式類的區別：

es6:

　　

//es6
'use strict'
class User{
    constructor(name,age){
        this.name = name;
        this.age = age;
    }

    //靜態方法
    static getClassName(){
        return 'User';
    }

    changeName(name){
        this.name = name;
    }

    changeAge(age){
        this.age = age;
    }

    get info(){
        return 'name:'+this.name+' | age:'+this.age;
    }
}


class Manager extends User{
    constructor(name,age,password){
        super(name,age);
        this.password = password;
    }

    changePassword(password){
        this.password = password;
    }
}

console.log(typeof User);
console.log(typeof Manager)

 

es5:

　　

//傳統類
function User(name,age){
    this.name = name;
    this.age = age;
}

//靜態方法
User.getClassName = function(){
    return 'User';
};

//成員方法
User.prototype.changeName = function(name){
    this.name = name;
};

User.prototype.changeAge = function(age){
    this.age = age;
};

Object.defineProperty(User.prototype,'info',{
    get(){
        return 'name:'+this.name+' | age:'+this.age;
    }
});


//子類
function Manager(name,age,password){
    User.call(this,name,age);
    this.password = password;
}



//繼承靜態方法
Manager.__proto__ = User;

//繼承成員方法
Manager.prototype = User.prototype;


//添加新方法:
Manager.prototype.changePassword = function(pwd){
    this.password = pwd;
}

var manager = new Manager('leo',22,'123');
console.log(manager);
manager.changeName('zheng liang')
console.log(manager);