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