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();
Logo

Agent 垂直技术社区,欢迎活跃、内容共建。

更多推荐