ECMAScript6.0入门4--面对对象

• 面对对象

  原写法： 类与构造器混淆

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里直接加方法

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

	showName(){
		alert(this.name);
	}
	showPass(){
		alert(this.pass);
	}
}

• 继承

class VipUser extends User {
	constructor (name, pss, level) {
		super (name, pass);
		this.level = level;
	}	

	showLevel(){
		alert(this.level);
	}
}

var v1 = new VipUser (‘blue’, ‘123456’, 3);

v1.showName ();
v1.showPass ();
v1.showLevel ();