未初始化的 TypeScript class 属性未迭代

Question

我有以下 class:

export class SomeModel {
  prop1: number;
  prop2: number;
  comment: string;
}

和以下动态获取其属性的方法：

getTypeProperties<T>(obj: T): string[] {
    const ret: string[] = [];
    for (const key in obj) {
      if (obj.hasOwnProperty(key))
        ret.push(key);
    }
    return ret;
}

下面调用returns一个空数组：

getTypeProperties(new SomeModel());

但是，如果我用 null 显式初始化所有属性，属性将正确返回：

export class SomeModel {
  prop1: number = null;
  prop2: number = null;
  comment: string = null;
}

问题：这是正常现象吗？或者是否有 TypeScript 编译器开关来切换它？

不知道有没有关系，下面是tsconfig.json内容：

{
  "compileOnSave": false,
  "compilerOptions": {
    "outDir": "./dist/out-tsc",
    "sourceMap": true,
    "declaration": false,
    "moduleResolution": "node",
    "emitDecoratorMetadata": true,
    "experimentalDecorators": true,
    "target": "es5",
    "typeRoots": [
      "node_modules/@types"
    ],
    "lib": [
      "es2017",
      "dom"
    ]
  }
}

Answer 1

这是设计使然，字段声明不输出任何 JavaScript 代码，它们只是告诉编译器该字段存在（即，当我在代码中使用它时，预计不要抱怨）并且是某种类型的。在您第一次分配该字段之前，它不会存在于实例中，因此不会被迭代。如果你初始化字段，它的值将被分配给构造函数中的实例，因此将成为可迭代的。

正如您所发现的，解决此问题的最简单方法是为字段分配一个值，如果只有值 undefined。

我们可以在为 ES5 生成的代码中看到这种行为。例如这个 class

class A {
    nonInitField: number;
    initField = 0;
    test() {
        this.nonInitField = 0;// Can be used, and will be iterable after it is assigned
    }
}

此代码生成：

var A = /** @class */ (function () {
    function A() {
        this.initField = 0; // Iterable right away as it is assigned in the constructor
    }
    A.prototype.test = function () {
        this.nonInitField = 0; // Can be used, and will be iterable after it is assigned
    };
    return A;
}());

未初始化的 TypeScript class 属性未迭代

Uninitialized TypeScript class properties are not iterated

reflection

typescript

class-properties

typescript-2.5