在 Angular 5 / TypeScript 中获取类（接口）属性而不分配默认值

Question

假设我有一个接口 A，我按照 Angular 样式指南将其声明为一个类。这个类有很多属性，我想获取它们的名称而不必为它们分配任何值。我怎样才能做到这一点？

A 类：

export class A {
  property1: string;
  property2: string;
  ...
  property30: string;
}

我尝试从这个类实例化一个新对象并调用Object.keys 和Object.getOwnPropertyNames 但这两个方法返回一个空数组，因为它们忽略了未定义的值属性。有没有办法绕过这种行为？还是我打破了 JavaScript/TypeScript 模式？ :D

Answer 1

属性声明的工作方式是它们只是向编译器提示该属性可能在运行时存在。在 JavaScript 中，您不需要声明字段，因此在分配字段之前，它不会存在于对象上。如果您只使用null 或undefined 初始化该字段，该字段将出现在对象上。这是实现您想要的最简单的方法。

另一种方法是在每个字段上使用装饰器。这会更明确，但不会更短，也不一定容易出错

Answer 2

确保您的编译器首先支持类。然后你必须做接口或类。前任。如果是一堂课，你需要做

class A {
    title = ''
}
var a = new A();
console.log(a);

将标题声明为字符串title: String = ''。你的写作更多是为了界面。这是输出，

Object {
    title: ""
}

是的，我现在更好地理解了您的问题，没有分配，它不会设置属性。

interface B {
    title: String;
}
class A implements B {
    title = '';
}
var a = new A();
console.log(a);

如果是这种情况，一个简单的解决方案是为该属性提供一些 默认 值。或者浏览一个列表，根据它们的类型手动初始化它们。

class A {
    keys = {
        title: 'String'
    }
}