typescript - 获取 Angular 中对象的属性类型

Question

我有 Angular 6 类(class)

export class classXY{
  xValue: number;
  yValue: number;
  xDate: Date;
  yDate: Date;
  xName?: string;
  yName?: string;
}

在我的代码中，我需要检查类型为 number 的属性。

let obj: ClassXY;
obj.xValue=1;
obj.yValue=null;
obj.xDate= new Date();
obj.yDate= null;
obj.xName= "test";
obj.yName= null;

    for (var key in obj) {
      if ((obj[key] == null) && (typeof obj[key] === "number"))
        obj[key] = -1;
}

typeof obj["yValue"] value 为 null，typeof "yValue" 为 string，而我需要返回属性号的类型。与 instanceof 相同

如何检查对象属性的原始类型？

Answer 1

TypeScript 被编译为 JavaScript，而 JavaScript 是一种动态类型语言。这意味着变量的类型可以在运行时更改，如下所示:

let a = null;
console.log(typeof a);

a = 5;
console.log(typeof a);

a = 'hello';
console.log(typeof a);

就您而言，您的条件永远不会计算为 true，因为如果 obj[key] 为 null，则其类型不能为 number:

if ((obj[key] == null) && (typeof obj[key] === "number"))

下面是一种方法，可以使用属性初始值设定项为类字段提供默认值，并使用一个函数将这些字段与构造类的对象时分配的默认值进行比较:

function setDefaultValues(obj, defaultValues, valueToCheck) {
  for (const prop in obj) {
    if (defaultValues[prop] === valueToCheck && obj[prop] === null) {
      obj[prop] = valueToCheck;
    }
  }
}

class A {
  x = -1; // default value
  y = -1; // default value
  z = 'hello';
}

const a = new A();
a.y = null; // a.y will be replaced by -1 later
console.log(a);

setDefaultValues(a, new A(), -1); // check all -1 fields on `new A()`, if null on `a`, then set to -1
console.log(a);