聲明類/關閉

Question

說我有以下打字稿代碼：

export const makeMyClass = function(a: string, b: boolean){ 

    const MyClass = function(){ 

    }; 

    MyClass.prototype.foo = function(){}; 

    MyClass.prototype.bar = function(){}; 

    return MyClass; 

} 

我有麻煩搞清楚如何將代碼轉換的出口工廠函數內部爲打字稿。

例如，如果我這樣做：

export const makeMyClass = function(a: string, b: boolean): MyClass { 

     class MyClass { 

     } 

     // ... 

     return MyClass; 


    } 

打字稿笙歌說，它無法找到名爲「MyClass的」。爲了這個問題，請假設我需要使用導出的關閉。

Answer 1

如果您想給出一個名稱，該名稱的返回值的類型爲makeMyClass()，它在該函數之外是可見的，那麼您必須將其結構描述爲外部範圍中的一種接口。至少這就是我理解TypeScript的implementation的class expressions。

下面是我會如何做你的情況。一個類的實例類型（描述實例屬性和類方法）和構造型（描述構造和任何靜態方法），所以我們需要同時描述：

export interface MyClassInstance { 
    foo(): void; 
    bar(): void; 
    // define the rest of the public interface here 
} 
export interface MyClassConstructor { 
    new(): MyClassInstance; 
    readonly prototype: MyClassInstance; 
    // define any static methods here 
} 

現在你可以聲明makeMyClass()返回構造方法類型：

export const makeMyClass = function(a: string, b: boolean): MyClassConstructor { 

    // implement the MyClassInstance/MyClassConstructor interfaces 
    class MyClass { 
    foo() { 
     // ... 
    } 
    bar() { 
     // ... 
    } 
    } 

    return MyClass; 
} 

請注意，這是重複的，因爲您在函數內部和外部都聲明瞭類結構。如果向接口添加屬性或方法，則需要將相應的屬性添加到類實現中。這似乎是不可避免的，因爲你不能從函數內部導出類型。

無論如何，希望有所幫助;祝你好運！