ES6原生不支持static声明静态属性，仅支持静态方法；静态属性需类外赋值（如ApiClient.VERSION = '1.2.0'）或使用实验性类字段语法（static prop = value，需转译）。
ES6 类本身不支持直接用 static 关键字声明**静态属性**（如 static count = 0），但支持定义**静态方法**；静态属性需通过类名赋值或借助实验性语法（需转译）。
✅ 静态方法：直接用 static 定义
在类内部使用 static 修饰函数，该方法挂载在类本身上，不能被实例调用：
class MathUtils {
static add(a, b) {
return a + b;
}
static PI = 3.14159; // ⚠️ 注意：此写法是类字段提案（Stage 3），非原生 ES6，需 Babel 等支持
}
console.log(MathUtils.add(2, 3)); // 5
console.log(MathUtils.PI); // 3.14159（若环境支持类字段）
const inst = new MathUtils();
inst.add(); // TypeError: inst.add is not a function
✅ 静态属性：ES6 原生方式是类外赋值
标准 ES6 中，静态属性必须在类声明**之后**，通过 类名.属性名 = 值 方式添加：
- 适用于数字、字符串、对象、函数等任意类型
- 属性可被修改（除非用
Object.defineProperty冻结） - 与静态方法一样，只能通过类访问，实例无法读取
class ApiClient {
static getBaseUrl() {
return 'https://api.example.com';
}
}
// ✅ ES6 兼容的静态属性写法
ApiClient.VERSION = '1.2.0';
ApiClient.TIMEOUT = 5000;
ApiClient.headers = { 'Content-Type': 'application/json' };
console.log(ApiClient.VERSION); // '1.2.0'
console.log(ApiClient.getBaseUrl()); // 'https://api.example.com'
⚠️ 注意：类字段语法（static prop = value）不是 ES6 标准
你看到的 static count = 0 属于 TC39 类字段提案（目前为 Stage 4，已接近标准化），但严格来说不属于原始 ES6（2015）规范：
- 现代浏览器和 Node.js（v16+）大多已支持，但旧环境需 Babel（如 @babel/preset-env + @babel/plugin-proposal-class-properties）
- 它本质是语法糖，最终仍被编译为类外赋值
- 初始化表达式在类定义时求值（非实例化时），适合常量或简单初始值
// ✅ 现代 JS 写法（需确认目标环境支持）
class Counter {
static count = 0; // 类字段，ES2022+ 更稳妥
static increment() {
this.count++;
}
}
? 实用建议
- 追求最大兼容性（如需支持 IE 或老旧 Node.js）：用类外赋值定义静态属性
- 开发新项目且控制运行环境：可放心使用
static prop = value，代码更内聚清晰 - 静态方法中访问静态属性统一用
this.属性名（推荐）或类名.属性名，避免硬编码 - 避免在静态方法中依赖
this指向实例——静态上下文中的this指向类本身
