为什么JavaScript ES6类字段声明使用let关键字会报错？

这个报错是JavaScript类字段的标准语法规则决定的，本质是类体的解析逻辑、类字段的语义定位和普通代码块完全不同：

• 首先，let/const/var这类关键字是为块级/函数作用域的变量声明设计的，作用是声明当前作用域下可访问的临时变量；但类体并不是普通的块级作用域，类内部定义的字段是挂载在实例对象或者类本身的成员属性，不属于作用域内的临时变量，因此不需要、也不允许使用这类变量声明关键字。
• 按照ES2022正式落地的公共类字段语法规范，公共实例字段的标准写法就是直接在类体内写字段名 = 初始值，JS解析器遇到这种写法时，会自动识别它为实例字段，在类实例化时将该属性挂载到每一个新生成的实例对象上。

写法对比 #

会触发语法错误的写法 #

class MyDemo{
  let x =5;
}

合法的标准类字段写法 #

class MyDemo{
  x =5;
}

补充说明：不要把类字段声明和类内部方法/构造函数里的变量声明混淆。constructor构造函数、类的成员方法内部是普通函数作用域，在这些位置声明局部变量时，依然需要正常使用let/const关键字，比如：

class MyDemo{
  constructor() {
    let localVal = 5; // 构造函数内的局部变量，必须加let，外部无法访问
    this.instanceProp = 6; // ES6早期版本挂载实例属性的写法，和类字段效果一致
  }
}

关于这个语法设计的考量也很明确：如果允许在类字段前加let/const，反而会产生严重的语义歧义——开发者无法快速区分这行代码是在声明属于实例的类字段，还是在声明类体作用域下、仅供类内部方法共用的临时常量，反而会提升代码的理解成本。

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