TypeScript静态类

Question

我想从传统的JS转向TypeScript,因为我喜欢类似C#的语法.我的问题是我无法找到如何在TypeScript中声明静态类.

在C#中,我经常使用静态类来组织变量和方法,将它们放在一个命名类中,而无需实例化对象.在vanilla JS中,我曾经用一个简单的JS对象做到这一点:

var myStaticClass = {
    property: 10,
    method: function(){}
}

在TypeScript中,我宁愿选择我的C-sharp方法,但似乎TS中不存在静态类.这个问题的适当解决方案是什么？

Answer 1

TypeScript不是C#,所以你不应该期望在TypeScript中使用相同的C#概念.问题是为什么你想要静态类？

在C#中,静态类只是一个不能被子类化的类,只能包含静态方法.C#不允许在类之外定义函数.但是,在TypeScript中,这是可能的.

如果您正在寻找将函数/方法放入命名空间(即非全局)的方法,可以考虑使用TypeScript的模块,例如

module M {
    var s = "hello";
    export function f() {
        return s;
    }
}

因此,您可以从外部访问Mf(),但不能访问s,并且无法扩展模块.

有关更多详细信息,请参阅TypeScript 规范.

Answer 2

自TypeScript 1.6以来,抽象类一直是TypeScript的一等公民.您无法实例化抽象类.

这是一个例子:

export abstract class MyClass {         
    public static myProp = "Hello";

    public static doSomething(): string {
      return "World";
    }
}

const okay = MyClass.doSomething();

//const errors = new MyClass(); // Error

Answer 3

定义静态属性和类的方法在Typescript语言规范的 8.2.1中描述:

class Point { 
  constructor(public x: number, public y: number) { } 
  public distance(p: Point) { 
    var dx = this.x - p.x; 
    var dy = this.y - p.y; 
    return Math.sqrt(dx * dx + dy * dy); 
  } 
  static origin = new Point(0, 0); 
  static distance(p1: Point, p2: Point) { 
    return p1.distance(p2); 
  } 
}

其中Point.distance()是静态(或"类")方法.

Answer 4

这个问题已经过时，但是我想留下一个利用当前语言版本的答案。不幸的是，静态类在TypeScript中仍然不存在，但是您可以使用私有构造函数编写一个行为类似而又开销很小的类，以防止从外部实例化类。

class MyStaticClass {
    public static readonly property: number = 42;
    public static myMethod(): void { /* ... */ }
    private constructor() { /* noop */ }
}

该代码片段将使您可以使用类似于C＃对应对象的“静态”类，唯一的缺点是仍然可以从内部实例化它们。幸运的是，尽管您无法使用私有构造函数扩展类。

Answer 5

这是一种方式:

class SomeClass {
    private static myStaticVariable = "whatever";
    private static __static_ctor = (() => { /* do static constructor stuff :) */ })();
}

__static_ctor这是一个立即调用的函数表达式.Typescript将输出代码以在生成的类的末尾调用它.

更新:对于静态构造函数中的泛型类型,静态成员不再允许这些类型,您现在需要额外的步骤:

class SomeClass<T> {
    static myStaticVariable = "whatever";
    private ___static_ctor = (() => { var someClass:SomeClass<T> ; /* do static constructor stuff :) */ })();
    private static __static_ctor = SomeClass.prototype.___ctor();
}

当然,在任何情况下,您都可以在类之后调用泛型类型的静态构造函数,例如:

class SomeClass<T> {
    static myStaticVariable = "whatever";
    private __static_ctor = (() => { var example: SomeClass<T>; /* do static constructor stuff :) */ })();
}
SomeClass.prototype.__static_ctor();

只记得永远不要this在__static_ctor上面使用(显然).

Answer 6

C# 等语言中存在静态类，因为没有其他顶级构造来对数据和函数进行分组。然而，在 JavaScript 中，它们确实如此，因此像您一样声明一个对象要自然得多。为了更接近地模仿类语法，您可以声明如下方法：

const myStaticClass = {
    property: 10,

    method() {

    }
}

Answer 7

今天（31/07/2018），我得到了相同的用例，发现这是一种解决方法。它基于我的研究，对我有用。 期望 -在TypeScript中实现以下目标：

var myStaticClass = {
    property: 10,
    method: function(){} 
}

我这样做：

//MyStaticMembers.ts
namespace MyStaticMembers {
        class MyStaticClass {
           static property: number = 10;
           static myMethod() {...}
        }
        export function Property(): number {
           return MyStaticClass.property;
        }
        export function Method(): void {
           return MyStaticClass.myMethod();
        }
     }

因此，我们将按以下方式使用它：

//app.ts
/// <reference path="MyStaticMembers.ts" />
    console.log(MyStaticMembers.Property);
    MyStaticMembers.Method();

这对我有用。如果有人有其他更好的建议，请让我们所有人听听！谢谢...