全面感知ES6（8）Class类

ES6类的使用与继承

最新推荐文章于 2024-03-21 22:22:41 发布

原创最新推荐文章于 2024-03-21 22:22:41 发布 · 476 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#class #vue #类 #super #constructor

ES6 专栏收录该内容

9 篇文章

订阅专栏

本文详细介绍了ES6中的类的概念、基本用法、构造函数、extends关键字、super方法等核心内容，以及如何在类中实现继承和方法的调用。

Class（类）

ES6引入了Class，这个概念，作为对象的模板，通过Class定义类，

新的Class写法只是让对象原型的写法更加清晰，更向对象编程的语法而已。

ES6中类的基本用法就如下面这样。

   class name{
        constructor(name,age){
            this.name = name;
            this.age = age;
            this.data();
        }
        data(){
            console.log('他是'+this.name,'年龄为'+this.age);
        }
    }
    new name('小黑','18');

！！！！

注意一点，class里函数与函数之间不需要用逗号分隔。。。。。

constructor方法

它是类的构造函数，用来指定this的指向，是一个默认的方法，通过new命令创建对象实例时，自动调用该方法，一个类必须有constructor方法，如果没有，会被默认添加。

   class name{
        constructor(name,age){
            this.name = name;
            this.age = age;
            this.data();
        }
        data(){
            console.log('他是'+this.name,'他今年'+this.age);
        }
    }
    class age extends name{
        constructor(name,age,sex){
            super(name,age);
            this.sex = sex;
            this.exe();
        }
        exe(){
            console.log('他是'+this.sex);
        }
    }
    new age('小黑','18','男');

extends

extends继承的关键字，上面代表了age这个类继承了name的全部方法，并通过super()方法传递了name和age两个形参。

super()方法

我们通过super()调用父类方法的时候，super会绑定子类的this。

由于绑定了子类的this,所以通过super对父类进行传参时，这时super就是this,把父类的方法，指向为子类。

由于对象总是继承其他对象的，所以可以在任意一个对象中，使用super关键字

抛出和引入方式

    //抛出
    export default name;//name == 被抛出的class名
    //引入
    import name from '父类Class路径'

希望这篇文章对大家有所帮助，可以的话帮忙点亮下旁边的小手，让更多人看到，

如果上述代码有错误和不足，请评论或私信，我好及时改正。