随着互联网的快速发展与普及，前端技术变得越来越重要。为了更好地开发网页应用程序，JavaScript 作为最主流的脚本语言也逐渐成为了前端开发中不可或缺的一部分。而对于开发者来说，一个掌握良好的面向对象编程思想的 JavaScript 开发者，会更加得心应手。
ECMAScript 是 JavaScript 的标准规范，每年都会更新一次。在 ECMAScript 2021 中，面向对象编程将更加得到重视。接下来本文将详细讲解面向对象编程在 JavaScript 中的实战应用，包括类、继承、封装、多态等知识点。
类
在 JavaScript 中，类是一种重要的概念。在 ECMAScript 2021 中，我们可以使用类创建对象、定义属性和方法。下面看一个类的例子：
// javascriptcn.com 代码示例
class Person {
constructor(name, age) {
this.name = name;
this.age = age;
}
sayHello() {
console.log(`Hello, My name is ${this.name}.`);
}
}
const person = new Person("Tom", 20);
person.sayHello(); // Hello, My name is Tom.这里我们定义了一个 Person 类，使用 new 关键字创建了一个 Person 对象，并使用 sayHello 方法输出文字。在这个例子中，我们定义了类的构造函数，来初始化类的属性值。
继承
继承是一种 JavaScript 中的重要概念。从父类中继承属性和方法的能力让代码更加高效和易于维护。在 ECMAScript 2021 中，我们可以使用 extends 关键字定义一个继承自某个父类的子类。
// javascriptcn.com 代码示例
class Student extends Person {
constructor(name, age, grade) {
super(name, age);
this.grade = grade;
}
sayHello() {
super.sayHello();
console.log(`I'm in grade ${this.grade}.`);
}
}
const student = new Student("Jack", 18, 12);
student.sayHello(); // Hello, My name is Jack. I'm in grade 12.这里我们定义了一个 Student 类，它继承了 Person 父类，并新增了 grade 属性。我们重写了 sayHello 方法，并在其中调用了父类的 sayHello 方法。
封装
封装是面向对象编程中的一种思想，可以把属性和方法隐藏在类里面，不让外部调用。在 ECMAScript 2021 中，我们可以使用 Symbol 类型定义一个类的私有属性和方法，以达到封装的目的。
// javascriptcn.com 代码示例
const nameSymbol = Symbol("name");
class Company {
constructor(name) {
this[nameSymbol] = name;
}
getName() {
return this[nameSymbol];
}
}
const company = new Company("ABC Company");
console.log(company.getName()); // ABC Company
console.log(company[nameSymbol]); // undefined这里我们定义了一个 Company 类，使用 Symbol 类型定义了一个名为 nameSymbol 的私有属性。然后我们在 getName 方法中返回了 nameSymbol 属性的值，这样就可以达到封装的目的。
多态
多态是面向对象编程中的另一个重要概念，可以提高代码的可维护性和扩展性。在 ECMAScript 2021 中，我们可以使用接口引入多态性。
// javascriptcn.com 代码示例
class Shape {
draw() {
console.log("This is a shape.");
}
}
class Circle extends Shape {
draw() {
console.log("This is a circle.");
}
}
class Rectangle extends Shape {
draw() {
console.log("This is a rectangle.");
}
}
function drawShape(shape) {
shape.draw();
}
drawShape(new Circle()); // This is a circle.
drawShape(new Rectangle()); // This is a rectangle.这里我们定义了一个 Shape 类作为接口，然后定义了 Circle 和 Rectangle 两个子类，它们继承了 Shape 并重写了 draw 方法。最后，我们定义了一个 drawShape 方法，这个方法使用 shape 参数的 draw 方法来输出相应的形状。
总结
本文讲解了 ECMAScript 2021 中的面向对象编程思想在 JavaScript 中的实战应用。我们从类，继承，封装，多态等知识点入手，详细讲解了各个概念。希望这篇文章能够对你对 JavaScript 面向对象编程有所帮助。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/65436ba37d4982a6ebd2cf85