打字稿初始化类类型的静态变量答案

【问题标题】：Typescript initialize static variable of a class type打字稿初始化类类型的静态变量
【发布时间】：2021-02-18 04:30:05
【问题描述】：

我有两个课程Foo 和Bar。在Bar 类中，我有一个名为myFoo 的静态变量，我希望它能够自动初始化：

class Foo {
}

class Bar {
    static myFoo: Foo = new Foo();
}

但是，我收到了这个错误：

未捕获的引用错误：未定义 Foo

如果我在Bar 的构造函数中初始化该静态变量，那么它可以正常工作：

class Bar {
    static myFoo: Foo;

    constructor() {
         Bar.myFoo = new Foo();
    }
}

这是为什么呢？我尝试直接初始化静态变量myFoo时做错了什么？

【问题讨论】：

标签： typescript

【解决方案1】：

您绝对不想做第二件事，因为每次构建新 Bar 时都会覆盖 myFoo，而您当然不希望这样做。

您在这里遇到的是运行时问题，而不是编译时问题。 Foo 类必须在加载Bar 类之前加载，否则静态初始化程序将失败。如果两个类都按上述顺序在一个文件中，则它可以工作。如果这些类位于单独的文件中，并且您告诉 TypeScript 编译为单个文件，它应该为您找出正确的顺序（尽管该区域存在错误）。如果要编译为单独的文件，则需要以正确的顺序在页面上包含脚本以满足依赖关系。

【讨论】：

确实是因为我导入的脚本文件顺序不对。谢谢！

【解决方案2】：

您可以在类声明之后立即调用初始化：

class MyClass {
    static initialize() {
        // Initialization
    }
}
MyClass.initialize();

【讨论】：

【解决方案3】：

这需要 JQuery，但我所做的就是拥有一个“静态构造函数”的等价物。

namespace SomeNamespace {
   $(() => SomeClass.StaticConstructor());

   export class SomeClass {
      public static StaticConstructor() {
      }
   }
}

例如，这也可用作应用程序的“入口点”。

namespace SomeNamespace {
   $(() => SomeClass.Start());

   export class SomeClass {
      private static sInstance: SomeClass;

      public static Start() {
         SomeClass.sInstance = new SomeClass();
      }
   }
}

【讨论】：

【解决方案4】：

正如 Jeffery Grajkowski 所说，您的第二种方法是不正确的。你可以在定义中初始化。

class Bar {
  static myFoo: Foo = new Foo();
}

【讨论】：