ts

原创 ludan  2021-01-20 16:03:10  阅读 607 次 评论 0 条

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()
})
本文地址:https://webge.net/?id=107
版权声明:本文为原创文章,版权归 自由小鸟 所有,欢迎分享本文,转载请保留出处!

评论已关闭!