轉(zhuǎn)發(fā) ## 如何創(chuàng)建高質(zhì)量的TypeScript聲明文件(六) - 示例

繼續(xù)上篇文章【如何創(chuàng)建高質(zhì)量的TypeScript聲明文件(五) - 示例】 上篇文章介紹了

• 全局變量
• 全局函數(shù)
• 具有屬性的對象
• 重載函數(shù)
• 可重用類型（接口）

幾種示例

下面繼續(xù)分享剩余的幾種示例

• 可重用類型（類型別名）
• 組織類型
• 類

可重用類型（類型別名）

文檔

在需要問候語的任何地方，您可以提供字符串，返回字符串的函數(shù)或Greeter實例。

代碼

function getGreeting() {
    return "howdy";
}
class MyGreeter extends Greeter { }

greet("hello");
greet(getGreeting);
greet(new MyGreeter());

聲明

您可以使用類型別名來為類型創(chuàng)建簡寫：

type GreetingLike = string | (() => string) | MyGreeter;

declare function greet(g: GreetingLike): void;

組織類型

文檔

greeter對象可以記錄到文件或顯示警報。 您可以向.log(...)提供LogOptions，并為.alert(...)提供警報選項

代碼

const g = new Greeter("Hello");
g.log({ verbose: true });
g.alert({ modal: false, title: "Current Greeting" });

聲明

使用命名空間來組織類型。

declare namespace GreetingLib {
    interface LogOptions {
        verbose?: boolean;
    }
    interface AlertOptions {
        modal: boolean;
        title?: string;
        color?: string;
    }
}

您還可以在一個聲明中創(chuàng)建嵌套的命名空間：

declare namespace GreetingLib.Options {
    // Refer to via GreetingLib.Options.Log
    interface Log {
        verbose?: boolean;
    }
    interface Alert {
        modal: boolean;
        title?: string;
        color?: string;
    }
}

具有屬性的對象

文檔

您可以通過實例化Greeter對象來創(chuàng)建一個greeter，或者通過從中擴展來創(chuàng)建一個自定義的greeter。

代碼

const myGreeter = new Greeter("hello, world");
myGreeter.greeting = "howdy";
myGreeter.showGreeting();

class SpecialGreeter extends Greeter {
    constructor() {
        super("Very special greetings");
    }
}

聲明

使用declare類來描述類或類類對象。 類可以具有屬性和方法以及構(gòu)造函數(shù)。

declare class Greeter {
    constructor(greeting: string);

    greeting: string;
    showGreeting(): void;
}