在 ES6 中，类的定义方式得到了大幅改进，同时也引入了一些新的概念和语法。其中，静态方法和实例方法是我们在前端开发中经常使用的两个概念。本文将详细介绍 ES6 中的静态方法和实例方法，包括它们的定义、使用方法以及注意事项。
静态方法
静态方法是定义在类上，而不是类的实例上的方法。它们通常用于定义一些工具函数，或者提供一些类级别的操作。静态方法可以通过类名直接调用，而不需要先创建类的实例。
静态方法的定义方式非常简单，只需要在方法前加上 static 关键字即可。例如，下面是一个简单的类，其中包含一个静态方法 add：
class Calculator {
static add(a, b) {
return a + b;
}
}在上面的例子中，add 方法可以通过 Calculator.add(1, 2) 的方式调用，而不需要先创建 Calculator 的实例。
静态方法可以访问类的静态属性，但不能访问实例属性。例如，下面的例子中，静态方法 logName 可以访问类的静态属性 name，但不能访问实例属性 age：
// javascriptcn.com 代码示例
class Person {
static name = 'Alice';
constructor(age) {
this.age = age;
}
static logName() {
console.log(Person.name);
}
}静态方法也可以被子类继承。例如，下面的例子中，Cat 继承了 Animal 的静态方法 create：
// javascriptcn.com 代码示例
class Animal {
static create(name) {
return new Animal(name);
}
constructor(name) {
this.name = name;
}
}
class Cat extends Animal {
}实例方法
实例方法是定义在类的原型上的方法，它们可以通过类的实例调用。实例方法通常用于定义对象的行为，例如操作对象的属性、修改对象的状态等。
实例方法的定义方式也很简单，只需要在类的定义中声明一个方法即可。例如，下面是一个简单的类，其中包含一个实例方法 sayHello：
class Person {
constructor(name) {
this.name = name;
}
sayHello() {
console.log(`Hello, my name is ${this.name}.`);
}
}在上面的例子中，sayHello 方法可以通过 person.sayHello() 的方式调用，其中 person 是一个 Person 的实例。
实例方法可以访问实例属性，但不能访问静态属性。例如，下面的例子中，实例方法 getAge 可以访问实例属性 age，但不能访问静态属性 name：
// javascriptcn.com 代码示例
class Person {
static name = 'Alice';
constructor(age) {
this.age = age;
}
getAge() {
return this.age;
}
}实例方法可以被子类继承和覆盖。例如，下面的例子中，Cat 继承了 Animal 的实例方法 sayHello，并覆盖了其中的一部分逻辑：
// javascriptcn.com 代码示例
class Animal {
sayHello() {
console.log('Hello, I am an animal.');
}
}
class Cat extends Animal {
sayHello() {
super.sayHello();
console.log('Meow!');
}
}总结
在 ES6 中，静态方法和实例方法是定义类的两种方式。静态方法定义在类上，而不是类的实例上，通常用于定义工具函数或类级别的操作。实例方法定义在类的原型上，可以通过类的实例调用，通常用于定义对象的行为。静态方法可以访问类的静态属性，但不能访问实例属性；实例方法可以访问实例属性，但不能访问静态属性。静态方法和实例方法都可以被子类继承和覆盖。
参考链接
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/656e895fd2f5e1655d6b49cc