TypeScript:为什么我可以在构造函数中修改 `readonly` 属性？

Question

我有以下 TypeScript 片段:

class Jedi { 
  private readonly name: string = 'Skywalker';
  constructor(name: string) { 
    this.name = name; //Why I am able to modify name.
  }
  toString():string {
    return this.name;
  }
}

var jedi = new Jedi('Kenobi');

console.log(jedi.toString()); //Kenobi

如您在代码中所见，我已将 name 属性声明为 readonly。据我所知，要将属性声明为常量，我们在 TypeScript 中使用 readonly。一旦我们用初始化声明它，我们就不能修改它。

但是正如您在 constructor 中看到的那样，它正在被修改。此外，TypeScript 编译器也不会对此发出警告。不确定这是 TypeScript 中的错误还是故意的。谁能解释一下？

Answer 1

文档只说

Readonly properties must be initialized at their declaration or in the constructor. (Source)

但正如 Romain 指出的那样，TypeScript 2.0 发行说明中有更多信息:

Read-only properties may have initializers and may be assigned to in constructors within the same class declaration, but otherwise assignments to read-only properties are disallowed. (Source)

---

但是 令我困惑的是编译后的输出。查看 TS Playground 上的示例.

如您所见，初始(只读)属性在编译时被覆盖，TS 没有发出任何警告。我猜这是有意为之，因为该语言始终表现相同，并且边缘情况较少。

编辑: 还有一种“糖化”方式来初始化具有 TypeScript 属性的 class(我猜你知道，但无论如何):

将public/private 添加到构造函数签名的参数中会将这些参数初始化为类属性。所以在你的例子中:

class Jedi { 
    constructor(
        private readonly name: string = 'Skywalker'
    ) {}

    toString():string {
        return this.name;
    }
}

如果让 TypeScript 编译上面的代码，它实际上会按预期工作(或者至少是我所期望的)。还有一个Link to the Playground .

tl;dr; 通过public/private 初始化构造函数签名内的类属性将设置默认值(如果未给出)。如果您“手动”设置类属性 (this.name = name)，这将不起作用。后者可能仍然不是错误，而是一种有意的行为，因为您明确设置了类属性。

您可以通过启用 noImplicitAny 和 strictNullChecks 来避免这个问题(或者至少让 TypeScript 尖叫)。这样 TypeScript 会让您知道您的类属性可能是 undefined。

---

我建议如果您想拥有不变性，则不要使用readonly属性。不仅是上面提到的有点奇怪的行为，一些经验不足的开发人员也可能认为 readonly 数组/对象实际上是完全卡住/只读的，而实际上它不是。而是使用类似 ImmutableJS 的东西.