ES6中的CLASS继承的优势

最新推荐文章于 2023-04-12 20:46:19 发布

青青树木

最新推荐文章于 2023-04-12 20:46:19 发布

阅读量398

点赞数

文章标签： javascript 前端开发语言 es6

本文链接：https://blog.csdn.net/qq_42883190/article/details/123552529

版权

这篇博客探讨了JavaScript中使用ES6 Class语法如何让面向对象编程变得更加简洁。Class使得继承变得更加直观，不再需要复杂的原型链操作。例如，通过`extends`关键字可以轻松实现子类的创建，并通过`super`调用父类的构造函数。然而，这种新语法在某些旧版浏览器中可能不被支持。

摘要由CSDN通过智能技术生成

JS是一种基于对象的语言，要实现面向对象，写法跟传统的面向对象有很大的差异。ES6引入了Class语法糖，使得JS的继承更像面向对象语言的写法。

class Student {
    constructor(name) {
        this.name = name;
    }
    hello() {
        alert('Hello, ' + this.name + '!');
    }
}
//用class定义对象的另一个巨大的好处是继承更方便了。想一想我们从Student派生一个PrimaryStudent需要编写的代码量。现在，原型继承的中间对象，原型对象的构造函数等等都不需要考虑了，直接通过extends来实现
class PrimaryStudent extends Student {
    constructor(name, grade) {
        super(name); // 记得用super调用父类的构造方法!
        this.grade = grade;
    }
    myGrade() {
        alert('I am at grade ' + this.grade);
    }
}