JavaScript面向对象编程——类（笔记）

最新推荐文章于 2025-12-26 14:23:53 发布

原创最新推荐文章于 2025-12-26 14:23:53 发布 · 468 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

收录于

javascript

当前文章被收录于：

javascript

5 篇文章 0 人学习

订阅专栏查看详情

当前文章被以下社区和专栏收录：

本文介绍了ES6新增的Class语法，使用class关键字可以更简洁地定义对象和实现继承。通过实例展示了如何创建类、构造函数及方法，并演示了继承的实现方式。

类

新的关键字class从ES6开始正式被引入到JavaScript中。class的目的就是让定义类更简单。

class Student {
    constructor(name) {
        this.name = name;
    }

    hello() {
        alert('Hello, ' + this.name + '!');
    }
}
var xiaoming = new Student('小明');
xiaoming.hello();

继承

用class定义对象的另一个巨大的好处是继承更方便了,直接通过extends来实现：

class PrimaryStudent extends Student {
    constructor(name, grade) {
        super(name); // 记得用super调用父类的构造方法!
        this.grade = grade;
    }

    myGrade() {
        alert('I am at grade ' + this.grade);
    }
}

ES6引入的class和原有的JavaScript原型继承有什么区别呢？实际上它们没有任何区别，class的作用就是让JavaScript引擎去实现原来需要我们自己编写的原型链代码。简而言之，用class的好处就是极大地简化了原型链代码。

标签

#javascript #class #面向对象编程