ES6引入了类(class)这概念,通过class可以定义类。相比之前利用构造函数定义类,class会更为简洁,清晰,更像是一门面向对象语言。class的实现本质上还是利用构造函数和原型链。或者可以说是一种语法糖。
实现一个类
class Obj{
constructor(name){
this.name = name;
this.fun = function () {
console.log(this.name);
}
}
sayName() {
console.log(this.name);
}
}
var obj = new Obj("js");
obj.fun();
输出:js
consturctor是一个构造方法,对实例进行初始化,this指向实例对象,
输出一下实例对象,可以看到内部结构
class Obj{
constructor(name){
this.name = name;
this.fun = function () {
console.log(this.name);
}
}
sayName() {
console.log(this.name);
}
}
var obj = new Obj("js");
console.log(obj);
输出:
Obj {name: 'js', fun: ƒ}
fun: ƒ ()
name: "js"
[[Prototype]]: Object
constructor: class Obj
sayName: ƒ sayName()
[[Prototype]]: Object
class内部定义的方法会被放到原型上,构造方法内部的属性和方法是放到实例对象上。
类的继承
使用extends关键字实现类的继承。
class Obj{
constructor(name){
this.name = name;
this.fun = function () {
console.log(this.name);
}
}
sayName() {
console.log(this.name);
}
}
class objSon extends Obj{
constructor(name){
super(name);//调用父类的构造方法,务必不要忘记
}
}
var obj = new objSon("js");
obj.sayName();