Python与JavaScript类属性访问差异：为何JS需实例化访问类变量？

核心原因 #

你遇到的差异本质是：Python中类体直接定义的变量是类属性（所有实例共享），而你写的JavaScript代码里的all = []是实例属性（每个实例独有），两者的属性归属层级完全不同。

Python的类属性机制 #

• 在Python中，类内部直接定义的变量（如Car.all = []）属于类属性，它绑定在类本身而非单个实例，所有该类的实例共享这一属性。
• 当你通过实例（比如bmw.all）访问时，Python会先在实例自身的属性中查找，如果找不到，就会向上查找类的属性，所以bmw.all实际指向的是类的all列表，因此能看到所有被添加的实例。
• 你的Python代码中，__init__方法里用Car.all.append(self)直接操作类属性，所有创建的实例都会被加入同一个共享列表。

JavaScript的类字段机制 #

• 你在JS类中写的all = []属于公共实例字段，这是ES6+的语法，它会在每个实例被创建时初始化一个全新的数组——也就是说，ford和tesla各自拥有独立的all数组，和Car类本身没有关联。
• 因此Car.all返回undefined（类本身没有这个属性），而ford.all只包含ford自己，tesla.all则只包含tesla自己。

实现Python同款类变量的JS写法 #

如果要在JS中实现和Python一致的“类级共享变量”效果，需要用static关键字声明静态类属性：

class Car {
  // 声明静态类属性，绑定到Car类本身
  static all = [];
  constructor(name, miles) {
    this.name = name;
    this.miles = miles;
    // 直接操作类的静态属性
    Car.all.push(this);
  }
}

let ford = new Car("ford", 324);
let tesla = new Car("tesla", 3433);

console.log(Car.all); // 输出：[Car { name: 'ford', miles: 324 }, Car { name: 'tesla', miles: 3433 }]

如果想通过实例访问类变量，可以用this.constructor指向当前实例的类：

class Car {
  static all = [];
  constructor(name, miles) {
    this.name = name;
    this.miles = miles;
    this.constructor.all.push(this);
  }
}

let ford = new Car("ford", 324);
console.log(ford.constructor.all); // 同样能获取所有实例的列表

差异总结 #

• Python：类体直接定义的变量默认是类属性，所有实例共享；实例访问时会自动 fallback 到类属性。
• JavaScript：类体直接定义的字段默认是实例属性，每个实例独有；类级变量需要显式用static声明。

内容的提问来源于stack exchange，提问作者Ala'a mansour