typescript5-引入三方文件和内置对象

引入三方文件

1. 当使用第三方库时，我们需要引用它的声明文件，才能获得对应的代码补全、接口提示等功能
2. 声明语句: 如果需要ts对新的语法进行检查, 需要要加载了对应的类型说明代码

declare var jQuery: (selector: string) => any
jQuery('#foo');

3. 声明文件: 把声明语句放到一个单独的文件（jQuery.d.ts）中, ts会自动解析到项目中所有声明文件
4. 下载声明文件: npm install @types/jquery --save-dev
5. 下载成功后node_modules下的@types文件里面
6. import 自定义变量名接受 from 对应文件名
7. 使用

• 新建一个xxx.d.ts如01_jQuery.d.ts
• 文件中引入declare var jQuery: (selector: string) => any;

内置对象

ECMAScript内置对象

对象	含义
Boolean	布尔对象
Number数字对象
String字符串对象
Date	日期对象
RegExp	正则表达式对象
Error	错误对象
Window	Window对象
Document	Document对象
HTMLElement	HTML节点对象
DocumentFragment	文档片段节点对象为
Event	事件对象
NodeList	类数组对象

let b: Boolean = new Boolean(1)
let n: Number = new Number(true)
let s: String = new String('abc')
let d: Date = new Date()
let r: RegExp = /^1/
let e: Error = new Error('error message')
b = true
// let bb: boolean = new Boolean(2)  // error 等号前后对象类型要一致，boolean是基本数据类型，而Boolean是对象

const div: HTMLElement = document.getElementById('test')
const divs: NodeList = document.querySelectorAll('div')
document.addEventListener('click', (event: MouseEvent) => {
    
    
  console.dir(event.target)
})
const fragment: DocumentFragment = document.createDocumentFragment()