声明引用

本指南旨在教你如何编写高质量的定义文件。本指南通过展示一些 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.Log
interface 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;

TypeScript 文档是一个开源项目。帮助我们改进这些页面 通过发送 Pull Request

本页贡献者
MHMohamed Hegazy (57)
OTOrta Therox (13)
Yydz-one (1)
PBPylyp Borysov (1)
RKRafał Krupiński (1)
7+

上次更新时间:2024 年 3 月 21 日