typeScript——内置对象
内置对象
JavaScript中有很多内置对象,他们可以直接在typeScript中当做定义好了的类型。
内置对象是根据标准在全局作用域(Global)上存在的对象。这里的标准是指ECMAScript和其他环境(比如DOM)的标准。
ECMAScript的内置对象
ECMAScript标准提供的内置对象有:
Boolean、Error、Date、RegExp等。
我们可以在TypeScript中将变量定义为这些类型
let b: Boolean = new Boolean(1)
let e: Error = new Error('error')
let d: Date = new Date()
let r: RegExp = new RegExp(/[a-z]/,'g')
console.log(b, e, d, r)
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) {
console.log(e)
})
TypeScript和辛苦的定义文件
TypeScript核心库的定义文件中定义了所有浏览器环境需要用到的类型,并且是预置在TypeScript中的。
当你在使用一些常用的方法的时候,TypeScript实际上已经帮你做了很多类型判断的工作了
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
的类型定义如下
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;
}
挺TypeScript写NodeJS
nodeJS不是内置对象的一部分,如果想用TypeScript写NodeJS,则需要引入第三方声明文件
npm install @types/node --save-dev