JavaScript类方法声明：类体外可定义静态方法，能否定义非静态方法？

完全没问题～JavaScript的类其实只是原型继承的语法糖，所以你不仅能在类体外定义静态方法，还能轻松给类添加非静态（实例）方法——只需要操作类的prototype对象就行，因为类的所有实例方法默认都是挂载在这个原型对象上的。

举个直观的例子：

首先定义一个简单的类：

class Person {
  constructor(name) {
    this.name = name;
  }

  // 类体内的实例方法
  sayHello() {
    console.log(`Hello, I'm ${this.name}!`);
  }
}

接下来，我们在类体外面给它加一个实例方法：

// 给Person的原型添加非静态方法
Person.prototype.introduceAge = function(age) {
  console.log(`I'm ${this.name}, and I'm ${age} years old.`);
};

现在创建实例测试一下：

const bob = new Person("Bob");
bob.sayHello(); // 输出: Hello, I'm Bob!
bob.introduceAge(30); // 输出: I'm Bob, and I'm 30 years old.

注意要点 #

• 别用箭头函数定义实例方法：箭头函数没有自己的this，它会绑定外部作用域的this，这样方法里的this就不会指向类的实例了，比如：

  // 错误示范！
  Person.prototype.badMethod = () => {
    console.log(this.name); // 这里的this不是实例，严格模式下会是undefined
  };
  

• 和静态方法的区别：静态方法是直接挂载在类本身（比如Person.staticMethod = function() {...}），只能通过类调用；而实例方法挂载在原型上，所有实例都能共享调用。

本质上，这种操作和ES6之前用构造函数+原型定义方法的逻辑是完全一致的，ES6的类只是让写法更简洁清晰而已。

内容的提问来源于stack exchange，提问作者Ch3shire