在前端开发中，JavaScript 是一种非常流行的编程语言。作为一种支持面向对象编程的语言，JavaScript 首先体现了面向对象编程的核心思想，即将数据和相关的操作放在一起，形成对象。通过将操作封装在对象中，我们可以更好地组织代码，提高代码的可维护性和可重用性。在 ECMAScript 2021 中，面向对象编程思想进一步得到了体现，并且提供了更多的应用实践。今天我们就来一起探讨一下 ECMAScript 2021 中的面向对象编程思想及应用实践。
类和对象
在 ECMAScript 2021 中，我们可以使用关键字 class 来定义一个类，通过这个类我们可以创建多个对象。类是一个对象的模板，它定义了对象的属性和方法。在定义一个类时，我们需要指定类的名称和类的构造函数，构造函数用来初始化对象的属性。
class Person{
constructor(name,age){
this.name=name;
this.age=age;
}
}上面的代码中，我们定义了一个名为 Person 的类，它有一个构造函数，这个构造函数接收两个参数，name 和 age。在构造函数中，我们使用了 this 关键字来表示当前对象， this.name=name 表示当前对象的 name 属性的值为 name 参数的值。
我们可以使用 new 关键字来创建一个类的对象：
let person1 = new Person('Tom',18);
let person2 = new Person('John',24);上面的代码创建了两个 Person 对象，分别是 person1 和 person2，它们都有 name 和 age 属性。
继承
在 ECMAScript 2021 中，我们可以使用关键字 extends 来实现类的继承。继承可以使子类继承父类的属性和方法，子类还可以添加自己的属性和方法。继承这个特性非常重要，在 Web 应用中，我们经常需要通过继承来扩展已有的类，使代码更加清晰和易于维护。下面是一个例子：
-- -------------------- ---- -------
----- -------
------------------
--------- - -----
-
--------
------------------------- -- ------------
-
-
----- --- ------- -------
------------------------
------------
---------- - ------
-
------
------------------------- -- -----------
-
-
--- ----- - --- ---------------------
--------------
------------上面的例子中，我们定义了一个父类 Animal，它有一个构造函数和一个 shout 方法。然后我们使用 extends 关键字创建了一个 Cat 子类，它有一个构造函数，继承了 Animal 父类中的 name 属性和 shout 方法，还新增了一个 color 属性和一个 run 方法。最后我们创建了一个 myCat 对象，并调用了它的 shout 和 run 方法。
静态方法
在 ECMAScript 2021 中，我们可以使用关键字 static 定义一个静态方法。静态方法是类的方法，而不是实例的方法，它只能被类调用，而不能被实例调用。静态方法通常用于实现一些通用方法和工具方法。下面是一个例子：
class Calculator{
static add(x,y){
return x+y;
}
}
console.log(Calculator.add(1,2)); // 输出 3上面的代码中，我们定义了一个 Calculator 类，它有一个静态方法 add，它的作用是计算两个数的和。我们可以通过类来调用这个方法。
结语
本文中，我们介绍了 ECMAScript 2021 中的面向对象编程思想及应用实践。通过对类和对象、继承、静态方法等特性的了解，我们可以更好地使用 JavaScript 进行对象的封装，降低代码的复杂度，提升代码的可维护性和可重用性。如果你刚开始使用 ECMAScript 2021，请务必学习这些特性，它们会让你的前端开发变得更加轻松和高效。
Source: FunTeaLearn,Please indicate the source for reprints https://funteas.com/post/67cf7195e46428fe9eac6977