如何在同类方法中访问类数据成员？类变量undefined问题解决

问题1：如何在同一个类的方法内部访问该类的数据成员？ #

这得分两种常见情况来处理：

• 访问实例数据成员：类的普通方法里直接用 this.成员名 就行，因为普通方法里的this默认指向当前类的实例。举个JavaScript的例子：

class Person {
  constructor() {
    this.age = 25; // 每个实例独有的成员
  }
  getAge() {
    console.log(this.age); // 通过this直接访问实例成员
  }
}
const p = new Person();
p.getAge(); // 输出25

• 访问静态数据成员：静态成员属于类本身，不是某个实例的。普通方法里要通过类名.成员名访问；如果是静态方法，除了类名，还能用this.成员名（因为静态方法的this指向类本身）：

class Person {
  static species = "Homo sapiens"; // 所有实例共享的静态成员
  static showSpecies() {
    console.log(this.species); // 静态方法里用this访问静态成员
  }
  showStaticSpecies() {
    console.log(Person.species); // 普通方法里用类名访问静态成员
  }
}
Person.showSpecies(); // 输出"Homo sapiens"

问题2：构造函数用this.something赋值后，类方法里访问显示undefined？ #

这种情况大多是this指向丢失或者对实例/静态属性的用法混淆了，给你几个实用的解决思路：

1. 手动绑定方法的this：如果some_func是作为回调（比如绑定DOM事件、setTimeout），this会丢失指向。可以在构造函数里提前绑定：

class MyClass {
  constructor() {
    this.something = "hello world";
    // 绑定this，确保some_func里的this指向当前实例
    this.some_func = this.some_func.bind(this);
  }
  some_func() {
    console.log(this.something); // 现在能正常访问了
  }
}

2. 用箭头函数定义类方法：箭头函数的this继承自定义时的上下文（也就是类实例），不会丢失指向：

class MyClass {
  constructor() {
    this.something = "hello world";
  }
  // 箭头函数方法，this永远指向实例
  some_func = () => {
    console.log(this.something);
  }
}

3. 检查赋值语句是否正确：如果构造函数里写成了something = "xxx"（没加this.），那只是构造函数的局部变量，其他方法根本访问不到，一定要加this.来声明实例属性。
4. 区分实例属性和静态属性：如果想定义类级别的共享变量，应该直接在类里用static something = "xxx"，而不是在构造函数里用this赋值，这时访问要用类名.something。

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