TypeScript 通过返回构造对象抱怨构造函数“没有初始化程序，并且没有在构造函数中明确分配”

Question

TypeScript 对此代码示例显示以下错误消息：

class MyClass {
  someField: boolean;
  constructor() {
    return { someField: true };
  }
}

属性 'someField' 没有初始化器，也没有在构造函数中明确分配。

---

（属性）MyClass.someField：布尔值

TypeScript Playground（您需要启用strictNullChecks 和strictPropertyInitialization 才能看到此错误消息。）

给定的代码 sn-p 是从我的原始脚本简化而来的。我想返回构造的值，而不是在构造函数中为 this 赋值。我应该怎么做才能使 TypeScript 正常工作而没有提到的错误？

Answer 1

它认为 {someField: true} 是一个新对象，并且 someField 的属性还没有被初始化。在构造函数中返回的目的是什么？您可以将其替换为this.someField = true。

编辑：实际上，我调试了更多信息，尝试将 "strictPropertyInitialization": false 添加到您的编译器选项并检查。但它推翻了类型严格性（TS 的美丽特性）。但在我看来，不要这样做。更多info.

Answer 2

strictPropertyInitialization 强制您初始化所有在类的构造函数中不是可选的属性。此检查很有用，因为它可以确保您不会得到意外的未初始化属性。有几种方法可以解决这个错误，前两种是一般的方法，在你的情况下只有最后一种适用（为了完整性，我包括了所有）：

初始化字段

如果将属性定义为boolean if 应该是true 或false 在声明字段或在构造函数中初始化时对其进行初始化：

class MyClass {
  someField: boolean = false;
  constructor() {
    return { someField: true };
  }
}

将该字段设为可选

如果字段可以是undefined，您应该在字段声明中使用? 或将字段键入为undefined|boolean 进行标记

class MyClass {
    //someField?: boolean;
    someField: boolean | undefined;
    constructor() {
        return { someField: true };
    }
}

使用非空断言

在你的情况下，因为在构造函数中你实际上没有初始化当前对象（this）而是返回一个新对象，你可以告诉编译器错误是错误的并使用非空断言。这个断言是专门引入的，因为strictPropertyInitialization 检查存在限制，有时编译器会出错。对于这些情况，您可以覆盖编译器的想法，但您必须明确说明：

class MyClass {
    someField!: boolean;
    constructor() {
        return { someField: true };
    }
}

Answer 3

解决方案 1

在名称后添加 (!) 符号：

someField!:string;

解决方案 2

打开 TypeScript 配置文件 tsconfig.json 并将此代码添加到编译器选项

 "angularCompilerOptions": {
    //   ...
    "strictPropertyInitialization": false
    //   ...
  }

注意：它会使静态分析变弱

Answer 4

"angularCompilerOptions": {
    //   ...
    "strictPropertyInitialization": false
    //   ...   }

根据angular最新版本，它支持严格类型，所以你必须禁用它。

进行修改并重新启动服务器