我是靠谱客的博主 孤独小鸭子,最近开发中收集的这篇文章主要介绍全面感知ES6(8)Class类Class(类),觉得挺不错的,现在分享给大家,希望可以做个参考。

概述

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路径'

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

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

 

最后

以上就是孤独小鸭子为你收集整理的全面感知ES6(8)Class类Class(类)的全部内容,希望文章能够帮你解决全面感知ES6(8)Class类Class(类)所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(35)

评论列表共有 0 条评论

立即
投稿
返回
顶部