随着 JavaScript 的不断发展，ES6 提供了一个全新的 OOP 编程范例——类。在 ES6 之前，JavaScript 并没有提供一个真正的类概念，而是通过原型链来实现面向对象编程。ES6 中的类提供了更加清晰和直接的方式来定义对象和继承关系，使得编写和维护代码变得更加容易。
类的定义
在 ES6 中，我们可以使用 class 关键字来定义一个类。类可以包含属性和方法，以及构造函数和静态方法。
----- ------ -
----------------- ---- -
--------- - -----
-------- - ----
-
---------- -
------------------- -- ---- -- ------------ --- - -- ----------- ----- -------
-
------ ------- -
--------------- ---------
-
-在上面的例子中，我们定义了一个 Person 类，它有两个属性 name 和 age，一个构造函数 constructor，一个实例方法 sayHello 和一个静态方法 sayHi。构造函数用于创建类的实例，实例方法用于执行对象的操作，而静态方法则是类本身的方法，不能被实例调用。
类的继承
ES6 中的类也支持继承，通过 extends 关键字来实现。子类可以继承父类的属性和方法，并且还可以添加自己的属性和方法。
----- ------- ------- ------ -
----------------- ---- ------ -
----------- -----
---------- - ------
-
---------- -
------------------- -- ---- -- ------------- - -- ----------- ----- ---- --- -- ----- -- -----------------
-
---------- -
--------------- ----- -- -----------------
-
-在上面的例子中，我们定义了一个 Student 类，它继承了 Person 类，并添加了一个 major 属性和一个 sayMajor 方法。super 关键字用于调用父类的构造函数和方法。
类的使用
创建类的实例和调用方法与 ES5 中的构造函数和原型方法类似。
----- ------ - --- --------------- ---- ------------------ -- ------ -- ---- -- ----- --- - -- -- ----- ---- ----- ------- - --- -------------- --- --------- ---------- ------------------- -- ------ -- ---- -- ---- - -- -- ----- ---- --- -- ----- -- -------- -------- ------------------- -- -- ----- -- -------- --------
总结
ES6 中的类提供了一个更加直观和易于理解的 OOP 编程范例，使得编写和维护代码变得更加容易。通过 class 关键字定义类，通过 extends 关键字实现继承，可以更加方便地创建和组织对象。同时，类也支持静态方法和属性，方便我们在类级别上管理和处理数据。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/658a88faeb4cecbf2dfbf2f1