TypeScript 内置对象


作者:Seiya

时间:2019年08月01日


前言


JavaScript 中有很多内置对象,它们可以直接在 TypeScript 中当做定义好了的类型。

内置对象是指根据标准在全局作用域(Global)上存在的对象。这里的标准是指 ECMAScript 和其他环境(比如 DOM)的标准。




ECMAScript 的内置对象


ECMAScript 标准提供的内置对象有:Boolean、Error、Date、RegExp 等,在 TypeScript 中将变量定义为这些类型:

let b: Boolean = new Boolean(1);
let e: Error = new Error('Error occurred');
let d: Date = new Date();
let r: RegExp = /[a-z]/;



DOM 和 BOM 的内置对象


DOM 和 BOM 提供的内置对象有:Document、HTMLElement、Event、NodeList 等。TypeScript 中会经常用到这些类型:

let body: HTMLElement = document.body;
let allDiv: NodeList = document.querySelectorAll('div');
document.addEventListener('click', function(e: MouseEvent) {
  // Do something
});



TypeScript 核心库的定义文件


TypeScript 核心库的定义文件中定义了所有浏览器环境需要用到的类型,并且是预置在 TypeScript 中的。当你在使用一些常用的方法的时候,TypeScript 实际上已经帮你做了很多类型判断的工作了,比如:

Math.pow(10, '2');	// error

再举一个 DOM 中的例子:

document.addEventListener('click', function(e) {
	console.log(e.targetCurrent);		// error
});

例子中的 addEventListener 方法是在 TypeScript 核心库中定义的。所以 e 被推断成了 MouseEvent,而 MouseEvent 是没有 targetCurrent 属性的,所以报错了。

注意:

TypeScript 核心库的定义中不包含 Node.js 部分。




用 TypeScript 写 Node.js


npm install @types/node --save-dev
最后更新时间: 2019-8-1 14:24:40