ES6 是 JavaScript 语言的一次重大升级，为我们带来了许多新特性，其中之一就是 Class（类）的引入。使用 Class 可以更加优雅地编写面向对象的程序，同时使代码更易于理解和维护。在本文中，我们将重点介绍在 ES6 中如何定义类的实例方法。
为什么使用类的实例方法
在 ES6 之前，JavaScript 并没有类的概念。只能通过构造函数来创建对象，给对象添加方法以实现面向对象编程。构造函数虽然能够实现对象的封装，但也存在很多缺点，如较难继承、代码整洁性较差等。而使用类，可以让我们更加优美地完成面向对象编程。同时，类也带来了许多新的特性和功能，如继承、多态等。使用类，不仅可以让代码结构更清晰，还可以使代码更具扩展性和重用性。
定义类的实例方法
在 ES6 中，可以通过 class 关键字来定义一个类，同时用 constructor 方法来定义类的构造函数。实例方法是指从类的实例上调用的方法，下面是一个简单的示例：
-- -------------------- ---- -------
----- ------ -
----------------- ---- -
--------- - -----
-------- - ----
-
------- -
---------------- --- ------------- --- ----------- ----- -------
-
-在这个示例中，我们定义了一个名为 Person 的类，它有一个 constructor 方法来定义构造函数。构造函数接收两个参数 name 和 age，用来初始化创建出来的对象的属性。sayHi 方法是 Person 类的实例方法，当从一个由 Person 类创建的对象上调用 sayHi 方法时，会打印一句问候语到控制台上，并输出该对象的 name 和 age 属性值。
下面是如何使用这个类和其实例方法：
const person = new Person('Bob', 34);
person.sayHi(); // Hi, I'm Bob, I'm 34 years old.实例方法的几个要点
实例方法的作用域
在类中定义的实例方法的作用域是类的实例，这意味着在实例方法中可以使用 this 关键字来引用类的实例。在上面的示例中，我们已经使用了 this 关键字在 constructor 和 sayHi 方法中引用了类的实例。
实例方法的继承
通过使用子类继承父类可以从父类中继承实例方法。当子类的实例上调用继承的实例方法时，该方法会像从父类的实例上调用一样执行。下面是一个示例：
-- -------------------- ---- -------
----- ------- ------- ------ -
------- -
------------------------- -- ------------
-
-
----- ------- - --- ---------------- ----
---------------- -- --- --- ------ --- -- ----- ----
---------------- -- ----- -- ---------在这个示例中，我们定义了一个 Student 类来继承自 Person 类。Student 类中新增了一个实例方法 study，用来表示学习的行为。注意，在 Student 类中并没有定义 constructor 方法，因为它将会自动继承自 Person 类的构造函数。
实例方法与静态方法的区别
除了实例方法，ES6 中还引入了静态方法。实例方法是从类的实例上调用的方法，而静态方法是从类本身上调用的方法。实例方法的作用域是类的实例，静态方法的作用域是类本身。下面是一个示例：
-- -------------------- ---- -------
----- ----- -
------ ------ -- -
------ - - --
-
------ ----------- -- -
------ - - --
-
-
------------------------ ---- -- -
----------------------------- ---- -- --在这个示例中，我们定义了一个 Utils 类，其中有两个静态方法 add 和 multiply。从类本身上调用这两个方法，不需要先创建由 Utils 类所创建的实例。
结论
ES6 中引入的类（Class）是一种新的编程方式，相比于传统的构造函数、原型继承的方法，它能够更优雅地实现面向对象编程，并且带来了更多新的特性和功能。在类中定义实例方法，是使用类的重要方式之一，它通过调用实例方法，让代码更加简洁明了。同时可以继承和重写父类中的实例方法，使得子类的实例方法更具有灵活性和可扩展性。让我们一起使用 ES6 定义类和实例方法，更优雅地编写 JavaScript 代码。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/674d4d34a336082f254bd737