美文网首页
es6继承和数据类型

es6继承和数据类型

作者: 前端许 | 来源:发表于2022-01-11 18:59 被阅读0次

es6数据类型

es6继承

 <script>

        /* 构造函数 */

        // function Person(name,age){

        //     this.name = name;

        //     this.age = age;

        //     this.eat = function(){

        //         document.write('我会吃烧烤')

        //     }

        // }

        class Person{

            constructor(name,age){

                this.name = name;

                this.age = age;

            }

            /* 静态方法 */

            static kaiche(){

                document.write(`公主会开车`)

            }

            eat(){

                document.write(`${this.name}--${this.age}--${this.sex}`)

            }

        }

        /* 构造函数调用了自己的静态方法 */

        /* 静态方式 只能构造函数自己的调用 实例化对象不可以调用 */

        // Person.kaiche();

        // new Person().kaiche();不可以

        class Student extends Person{

            constructor(name,age,sex){

                /* super就代表父类(Person) */

                super(name,age)

                this.sex = sex;

            }

            eatA(){

                super.eat()

            }

        }

        let stu = new Student('公主',20,'女')

        console.log(stu);

        stu.eatA();

        let p = new Person('龚助',22)

        console.log(p.eat())

    </script>

相关文章

  • js基础 - 草稿

    1 常用es6 class类继承;箭头函数;let const;新增的数据类型Symbl;set和map;解构赋值...

  • ES5 和 ES6 继承比较:

    ES5构造函数和继承: ES6构造函数和继承:

  • JavaScript的多态和封装

    在之前的文章中我们已经介绍了JavaScript的继承包含了ES5和ES6的版本。 ES5继承 传送门 ES6继承...

  • JS中类的继承封装和多态

    子类继承父类的属性和方法(原生继承,call继承,寄生组合继承,ES6中class类继承)原生继承:让子类的原型指...

  • Typescript - 基础(二)

    TS 的基本类型和枚举类型 1、TS 的数据类型和 ES6 的数据类型 共有数据类型: Boolean Numbe...

  • 继承方式

    es6的继承: es6的继承写法简洁方便,十分直观。 es5的继承:(只推荐组合继承--最常用) 组合继承 除了S...

  • 你不知道的ES5和ES6继承

    ES5继承和ES6继承的区别,在ES6还没有发布的时候 ,js定义类是以函数的形式,例如 function Te...

  • react组件

    es6 的class类的继承 运用es6 class继承 通过继承React.Component类来定义一个组件

  • 继承

    老版继承 call () ES6继承 extends 继承super 超类/父类

  • es6继承和数据类型

    es6数据类型 /* 构造函数 */ // function Person(name,age){ ...

网友评论

      本文标题:es6继承和数据类型

      本文链接:https://www.haomeiwen.com/subject/ahcicrtx.html