本指南旨在教你如何编写高质量的定义文件。本指南通过展示一些 API 的文档,以及该 API 的示例用法,并解释如何编写相应的声明来构建。
这些示例按复杂度大致递增的顺序排列。
带属性的对象
文档
全局变量
myLib
包含一个用于创建问候语的函数makeGreeting
,以及一个属性numberOfGreetings
,表示到目前为止创建的问候语数量。
代码
ts
let result = myLib.makeGreeting("hello, world");console.log("The computed greeting is:" + result);let count = myLib.numberOfGreetings;
声明
使用 declare namespace
来描述通过点符号访问的类型或值。
ts
declare namespace myLib {function makeGreeting(s: string): string;let numberOfGreetings: number;}
重载函数
文档
getWidget
函数接受一个数字并返回一个 Widget,或者接受一个字符串并返回一个 Widget 数组。
代码
ts
let x: Widget = getWidget(43);let arr: Widget[] = getWidget("all of them");
声明
ts
declare function getWidget(n: number): Widget;declare function getWidget(s: string): Widget[];
可重用类型(接口)
文档
在指定问候语时,必须传递一个
GreetingSettings
对象。该对象具有以下属性:1 - greeting:必填字符串
2 - duration:可选时间长度(以毫秒为单位)
3 - color:可选字符串,例如 ‘#ff00ff’
代码
ts
greet({greeting: "hello world",duration: 4000});
声明
使用 interface
来定义具有属性的类型。
ts
interface GreetingSettings {greeting: string;duration?: number;color?: string;}declare function greet(setting: GreetingSettings): void;
可重用类型(类型别名)
文档
在任何需要问候的地方,您可以提供一个
string
,一个返回string
的函数,或一个Greeter
实例。
代码
ts
function getGreeting() {return "howdy";}class MyGreeter extends Greeter {}greet("hello");greet(getGreeting);greet(new MyGreeter());
声明
您可以使用类型别名来为类型创建简写
ts
type GreetingLike = string | (() => string) | MyGreeter;declare function greet(g: GreetingLike): void;
组织类型
文档
greeter
对象可以记录到文件或显示警报。您可以为.log(...)
提供LogOptions,为.alert(...)
提供警报选项。
代码
ts
const g = new Greeter("Hello");g.log({ verbose: true });g.alert({ modal: false, title: "Current Greeting" });
声明
使用命名空间来组织类型。
ts
declare namespace GreetingLib {interface LogOptions {verbose?: boolean;}interface AlertOptions {modal: boolean;title?: string;color?: string;}}
您也可以在一个声明中创建嵌套命名空间
ts
declare namespace GreetingLib.Options {// Refer to via GreetingLib.Options.Loginterface Log {verbose?: boolean;}interface Alert {modal: boolean;title?: string;color?: string;}}
类
文档
您可以通过实例化
Greeter
对象来创建一个问候者,或者通过从它扩展来创建一个自定义的问候者。
代码
ts
const myGreeter = new Greeter("hello, world");myGreeter.greeting = "howdy";myGreeter.showGreeting();class SpecialGreeter extends Greeter {constructor() {super("Very special greetings");}}
声明
使用declare class
来描述一个类或类似的对象。类可以具有属性和方法,以及构造函数。
ts
declare class Greeter {constructor(greeting: string);greeting: string;showGreeting(): void;}
全局变量
文档
全局变量
foo
包含存在的部件数量。
代码
ts
console.log("Half the number of widgets is " + foo / 2);
声明
使用 `declare var` 声明变量。如果变量是只读的,可以使用 `declare const`。如果变量是块级作用域的,也可以使用 `declare let`。
ts
/** The number of widgets present */declare var foo: number;
全局函数
文档
可以使用字符串调用 `greet` 函数,向用户显示问候语。
代码
ts
greet("hello, world");
声明
使用 `declare function` 声明函数。
ts
declare function greet(greeting: string): void;