💎一站式轻松地调用各大LLM模型接口,支持GPT4、智谱、星火、月之暗面及文生图 广告
# 内置对象 JavaScript 中有很多[内置对象][],它们可以直接在 TypeScript 中当做定义好了的类型。 内置对象是指根据标准在全局作用域(Global)上存在的对象。这里的标准是指 ECMAScript 和其他环境(比如 DOM)的标准。 ## ECMAScript 的内置对象 ECMAScript 标准提供的内置对象有: `Boolean`、`Error`、`Date`、`RegExp` 等。 我们可以在 TypeScript 中将变量定义为这些类型: ```ts let b: Boolean = new Boolean(1); let e: Error = new Error('Error occurred'); let d: Date = new Date(); let r: RegExp = /[a-z]/; ``` 更多的内置对象,可以查看 [MDN 的文档][内置对象]。 而他们的定义文件,则在 [TypeScript 核心库的定义文件][]中。 ## DOM 和 BOM 的内置对象 DOM 和 BOM 提供的内置对象有: `Document`、`HTMLElement`、`Event`、`NodeList` 等。 TypeScript 中会经常用到这些类型: ```ts let body: HTMLElement = document.body; let allDiv: NodeList = document.querySelectorAll('div'); document.addEventListener('click', function(e: MouseEvent) { // Do something }); ``` 它们的定义文件同样在 [TypeScript 核心库的定义文件][]中。 ## TypeScript 核心库的定义文件 [TypeScript 核心库的定义文件][]中定义了所有浏览器环境需要用到的类型,并且是预置在 TypeScript 中的。 当你在使用一些常用的方法的时候,TypeScript 实际上已经帮你做了很多类型判断的工作了,比如: ```ts Math.pow(10, '2'); // index.ts(1,14): error TS2345: Argument of type 'string' is not assignable to parameter of type 'number'. ``` 上面的例子中,`Math.pow` 必须接受两个 `number` 类型的参数。事实上 `Math.pow` 的类型定义如下: ```ts interface Math { /** * Returns the value of a base expression taken to a specified power. * @param x The base value of the expression. * @param y The exponent value of the expression. */ pow(x: number, y: number): number; } ``` 再举一个 DOM 中的例子: ```ts document.addEventListener('click', function(e) { console.log(e.targetCurrent); }); // index.ts(2,17): error TS2339: Property 'targetCurrent' does not exist on type 'MouseEvent'. ``` 上面的例子中,`addEventListener` 方法是在 TypeScript 核心库中定义的: ```ts interface Document extends Node, GlobalEventHandlers, NodeSelector, DocumentEvent { addEventListener(type: string, listener: (ev: MouseEvent) => any, useCapture?: boolean): void; } ``` 所以 `e` 被推断成了 `MouseEvent`,而 `MouseEvent` 是没有 `targetCurrent` 属性的,所以报错了。 注意,TypeScript 核心库的定义中不包含 Node.js 部分。 ## 用 TypeScript 写 Node.js Node.js 不是内置对象的一部分,如果想用 TypeScript 写 Node.js,则需要引入第三方声明文件: ```bash npm install @types/node --save-dev ``` ## 参考 - [内置对象][] - [TypeScript 核心库的定义文件][] [内置对象]: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects [TypeScript 核心库的定义文件]: https://github.com/Microsoft/TypeScript/tree/master/src/lib --- - [上一章:声明文件](declaration-files.md) - [下一章:进阶](../advanced/README.md)