ts

interface

function函数

以上框出来的声明和下面写法是一样的效果

类型

es6类class

基本类

继承父类

输出结果：

重写类方法，注意需要用super

输出结果：

类和接口

接口之间的继承

枚举（Enum）

如果第一个写了10，下面的会递增

常量值

泛型（Generics）在函数中使用

约束泛型

这种写法对象是不对的

约束只有length的

泛型在类和接口中的使用

类型别名，字面量 和 交叉类型

内置类型

const a: Array<number> = [1,2,3]
// 可以看到这个类型，不同的文件中有多处定义，但是它们都是 内部定义的一部分，然后根据不同的版本或者功能合并在了一起，一个interface 或者 类多次定义会合并在一起。这些文件一般都是以 lib 开头，以 d.ts 结尾，告诉大家，我是一个内置对象类型欧
const date: Date = new Date()
const reg = /abc/
// 还可以使用一些 build in object，内置对象，比如 Math 与其他全局对象不同的是，Math 不是一个构造器。Math 的所有属性与方法都是静态的。

Math.pow(2,2)

// DOM 和 BOM 标准对象
// document 对象，返回的是一个 HTMLElement
let body: HTMLElement = document.body
// document 上面的query 方法，返回的是一个 nodeList 类型
let allLis = document.querySelectorAll('li')

//当然添加事件也是很重要的一部分，document 上面有 addEventListener 方法，注意这个回调函数，因为类型推断，这里面的 e 事件对象也自动获得了类型，这里是个 mouseEvent 类型，因为点击是一个鼠标事件，现在我们可以方便的使用 e 上面的方法和属性。
document.addEventListener('click', (e) => {
  e.preventDefault()
})