打字稿在速记构造函数中创建对象

Question

我有一个 Foo 和一个 Bar 类：

class Foo {
  
  private name: string;
  private bar: Bar;

  constructor(name: string, bar: Bar) {
    this.name = name;
    this.bar = bar;
  }
}

class Bar {
  private x: number;
  private y: number;

  constructor(x: number, y: number) {
    this.x = x;
    this.y = y;
  }
}

现在使用 Typescript 构造函数简写，我可以将 Foo 写为：

class Foo {
  constructor(private name: string, private bar: Bar) { }
}

但是我想做的不是将Bar 对象传递给Foo 构造函数。而是传入x 和y 的值，但仍保持使用简写符号来节省我完整写出类的时间。

实际上，可以这样：

class Foo {
  
  private name: string;
  private bar: Bar;

  constructor(name: string, x: number, y: number) {
    this.name = name;
    this.bar = new Bar(x, y);
  }
}

是用速记符号写的吗？

Answer 1

简写符号称为"parameter properties"，具体来说只是将构造函数参数复制到同名的类属性。它不适合你用bar 做的事情。您仍然可以使用 name 属性的简写，如下所示：

class Foo {
    private bar: Bar;
    constructor(private name: string, x: number, y: number) {
        this.bar = new Bar(x, y);
    }
}

我建议你这样做。

---

如果有人以人身伤害威胁我，除非我想出一些方法来为您的bar 场景使用参数属性，我想我可以像这样滥用default parameters：

// ☠ DON'T DO THIS ☠
class AbuseFoo {
    constructor(
        private name: string,
        x: number, y: number,
        private bar: Bar = new Bar(x, y)
    ) { }
}

这个“有效”

// ☠ DON'T DO THIS ☠
let f = new AbuseFoo("name", 1, 2);
console.log(JSON.stringify(f)); // {"name":"name","bar":{"x":1,"y":2}}

产生一个包含私有bar 属性的值，其x 是1 和y 是2。但它公开了一个可选的第四个构造函数参数，该参数覆盖了x 和y 属性：

f = new AbuseFoo("name", 1, 2, new Bar(3, 4)); 
console.log(JSON.stringify(f)); // {"name":"name","bar":{"x":3,"y":4}}

当然，这比在类中声明bar 并以正常方式在构造函数中设置它更丑陋和复杂。因此，除非您有充分的理由这样做（例如，代码混淆竞赛、人身伤害威胁等），否则我会坚持原来的答案：

不，您不能使用参数属性来设置bar。使用速记法。

Playground link to code