06-其他

01-内置对象

//! 内置对象
(() => {
  // ? 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;
  // let bb: boolean = new Boolean(2)  // error
  //? 2.BOM 和 DOM 的内置对象
  const div: HTMLElement | null = document.getElementById("test");
  const divs: NodeList = document.querySelectorAll("div");
  document.addEventListener("click", (event: MouseEvent) => {
    console.dir(event.target);
  });
  const fragment: DocumentFragment = document.createDocumentFragment();
})();

复制代码

02-声明文件

import jQuery from "jquery";
//! 引入第三方的库jq
//import jQuery from "jquery";

//jQuery("选择器");

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

jQuery("选择器");

复制代码