TypeScrip -- 内置对象

78 阅读1分钟

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

ECMAScript 的内置对象

Boolean、Number、stringRegExpDateError

let b: Boolean = new Boolean(1)
console.log(b)
let n: Number = new Number(true)
console.log(n)
let s: String = new String('哔哩哔哩关注小满zs')
console.log(s)
let d: Date = new Date()
console.log(d)
let r: RegExp = /^1/
console.log(r)
let e: Error = new Error("error!")
console.log(e)

DOM 和 BOM 的内置对象

DocumentHTMLElementEventNodeList 等

// 获取dom元素

// HTML(元素名称) Element
let div:HTMLDivElement = document.querySelector('div');
let input:HTMLInputElement = document.querySelector('input');
let canvas:HTMLCanvasElement = document.querySelector('canvas');

// HTMLElement Element
let section:HTMLElement = document.querySelector('section');
let footer:HTMLElement = document.querySelector('footer');
let header = document.querySelector('header') as Element;

// NodeList
let divlist:NodeList = document.querySelectorAll('footer');
div.forEach((ele)=>{})

// NodeListOf
let divname = "div" | "footer";
let divlistof:NodeListOf<HTMLDivElement | HTMLElement> = document.querySelectorAll(divname); // 获取的元素可能是div或者footer,不确定的时候使用NodeListOf

let loacl:Storage = localStorage
let lo:Location = location
// Promise 是函数类型  number是函数返回值类型
let promise:Promise<number> = new Promise((r)=>r(1))
let cookie:String = document.cookie