Question

Angular 2指南的示例中包含

中的构造函数

component://Typescript
class DisplayComponent {
  myName: string;
  names: Array<string>;
  constructor() {
    this.myName = "Alice";
    this.names = ["Aarav", "Martín", "Shannon", "Ariana", "Kai"];
  }
}

来自https://angular.io/docs/ts/latest/guide/displaying-data.html#Create-an-array（检索2015-10-30）

考虑这是一个简单的例子，但在现实生活中，我的构造者越来越大。此外，我有时需要在几个地方使用相同的逻辑，而不仅仅是建设时间。

我的第一反应是创建一个单独的函数并在实例上调用它。但是Typescript不允许这样做，因为在构造函数运行时不会创建实例。

我的问题是：如何从构造函数中提取代码行并将其拉出到单独的函数中？

Answer 1

这是你在找什么？

class MyClass {

    constructor( ) {
        MyClass.saySomething()
        this.sayItAll()
    }

    public static saySomething(){
        console.log('Hi')
    }

    public sayItAll(){
         console.log('Hello')
         MyClass.saySomething()
    }
}

所以你也可以在没有MyClass实例的情况下从另一个类调用MyClass.saySomething()

Angular2 Typescript如何重构代码构造函数

1 个答案: