JavaScript 是一门动态语言，它的 class 语法是在 ES6 中引入的。与传统的面向对象语言不同，JavaScript 的 class 具有更大的灵活性和自由度。在 ES6 的 class 中，我们可以定义静态方法和实例方法。本文将详细介绍这两种方法的使用技巧，包括定义、调用和继承等方面，并提供示例代码，帮助读者更好地理解和运用这些技巧。
静态方法
静态方法是指在 class 中定义的不依赖于实例的方法，可以直接通过 class 调用。在 ES6 中，我们可以使用 static 关键字来定义静态方法。下面是一个示例：
class MyClass {
static myStaticMethod() {
console.log('This is a static method.');
}
}
MyClass.myStaticMethod(); // 'This is a static method.'在上面的示例中，我们定义了一个名为 myStaticMethod 的静态方法，并通过 MyClass 直接调用了它。需要注意的是，在静态方法中，this 关键字指向的是 class 本身，而不是实例。
静态方法的继承
在子类中可以继承父类的静态方法，同样使用 static 关键字即可。下面是一个示例：
-- -------------------- ---- -------
----- ----------- -
------ -------------------- -
----------------- -- - ------ ------ ----------
-
-
----- ---------- ------- ----------- --
-------------------------------- -- ----- -- - ------ ------ --------在上面的示例中，我们定义了一个名为 ParentClass 的父类，其中包含一个静态方法 parentStaticMethod。然后，我们定义了一个名为 ChildClass 的子类，并且没有定义任何方法。但是，我们可以直接通过子类调用父类的静态方法 parentStaticMethod，结果与直接通过父类调用相同。
静态方法与实例方法的区别
静态方法与实例方法的最大区别在于调用方式。静态方法是通过 class 直接调用的，而实例方法是通过实例调用的。此外，静态方法通常用于与 class 本身相关的操作，而实例方法通常用于与实例相关的操作。下面是一个示例：
-- -------------------- ---- -------
----- ------- -
------ ---------------- -
----------------- -- - ------ ----------
-
------------------ -
----------------- -- -- -------- ----------
-
-
------------------------- -- ----- -- - ------ --------
----- --------------- - --- ----------
----------------------------------- -- ----- -- -- -------- --------在上面的示例中，我们定义了一个名为 MyClass 的 class，其中包含一个静态方法 myStaticMethod 和一个实例方法 myInstanceMethod。我们可以直接通过 MyClass 调用静态方法，也可以通过实例调用实例方法。
实例方法
实例方法是指在 class 中定义的与实例相关的方法，需要通过实例来调用。在 ES6 中，我们可以直接在 class 中定义实例方法。下面是一个示例：
class MyClass {
myInstanceMethod() {
console.log('This is an instance method.');
}
}
const myClassInstance = new MyClass();
myClassInstance.myInstanceMethod(); // 'This is an instance method.'在上面的示例中，我们定义了一个名为 MyClass 的 class，其中包含一个实例方法 myInstanceMethod。我们通过实例 myClassInstance 调用了这个方法。
实例方法的继承
在子类中可以继承父类的实例方法，同样可以直接在子类中定义实例方法。下面是一个示例：
-- -------------------- ---- -------
----- ----------- -
---------------------- -
----------------- -- - ------ -------- ----------
-
-
----- ---------- ------- ----------- -
--------------------- -
----------------- -- - ----- -------- ----------
-
-
----- ------------------ - --- -------------
------------------------------------------ -- ----- -- - ------ -------- --------
----------------------------------------- -- ----- -- - ----- -------- --------在上面的示例中，我们定义了一个名为 ParentClass 的父类，其中包含一个实例方法 parentInstanceMethod。然后，我们定义了一个名为 ChildClass 的子类，并且定义了一个实例方法 childInstanceMethod。我们通过实例 childClassInstance 分别调用了父类和子类的实例方法。
总结
ES6 中的 class 语法给 JavaScript 带来了更加丰富和灵活的面向对象编程方式。静态方法和实例方法是 class 中的两种不同类型的方法，它们各自有不同的使用场景和调用方式。在使用时，需要根据具体情况选择使用静态方法或实例方法，并且需要注意继承关系。掌握这些技巧，可以使我们更好地利用 class 来构建高效、可维护的 JavaScript 应用程序。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/65f82d15d10417a2223a6c3d