ECMA6class语法

最新推荐文章于 2022-08-20 20:20:32 发布

原创最新推荐文章于 2022-08-20 20:20:32 发布 · 505 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #前端 #开发语言

javascript复习之路同时被 2 个专栏收录

87 篇文章

订阅专栏

javascript面向对象

10 篇文章

订阅专栏

本文详细介绍了ECMA6中class语法的构造函数和继承机制，通过实例展示了如何创建Person和Worker类，并演示了如何实现属性继承和方法重写。同时涵盖了JavaScript的继承原理和多态应用。

ECMA6class语法

回顾：JS继承和多态

//ECMA6class语法
class Person{
    //class属性添加
    constructor(name,sex,age){
        this.name = name;
        this.sex = sex;
        this.age = age;
    }
    ShowSelf(){
        alert(`我是一个叫${this.name}，今年${this.age}岁的${this.sex}孩`)
    }
}
var p1 = new Person("blue","男",18);
p1.ShowSelf(); // 我是一个叫blue，今年18岁的男孩

//extends   继承
class Worker extends Person{
    constructor(name,sex,age,job){
        //1.继承到父一级的属性
        super(name,sex,age);
        this.job = job;
    }
    showJob(){
        alert("我的工作是" + this.job);
    }
}
var w1 = new Worker("小米","男",20,"程序员");
w1.ShowSelf(); // 我是一个叫小米，今年20岁的男孩
w1.showJob(); // 我的工作是程序员