TS学习笔记--其他(声明文件、内置对象)

声明文件

// 引入第三方的库jquery
import jquery from 'jquery';
// 定义操作
/* 
当使用第三方库时，我们需要引用它的声明文件，才能获得对应的代码补全、接口提示等功能。
声明语句: 如果需要ts对新的语法进行检查, 需要要加载了对应的类型说明代码
  declare var jQuery: (selector: string) => any;
声明文件: 把声明语句放到一个单独的文件（jQuery.d.ts）中, ts会自动解析到项目中所有声明文件
下载声明文件: npm install @types/jquery --save-dev
*/
// 使用jquery 没有提示信息
jquery('选择器')

内置对象

(()=>{
    /* 1. ECMAScript 的内置对象 */
    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
    console.log(b);
    
    // let bb: boolean = new Boolean(2)  // error

    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()
})()