目录
2 TypeScript初体验
2.1 安装编译TS的工具包
2.2编译并运行TS代码
2.3 简化运行TS的步骤
3 TypeScript 常用类型
3.1 类型注解
3.2 常用基础类型概述
3.3 原始类型
3.4 数组类型
数组类型:
let numbers: number[] = [1, 2, 3] //推荐
let strings: Array<string> =['1', '2', '3']
联合类型(多种类型)
let newList: (number | string)[] = [1,'2',3,'a']
注:若未添加小括号(),则意思表示为 既可以是number类型,又可以表示为 string类型数组
let new: number | string[] = 123
let new: number | string[] = ['1','2']
3.5 类型别名
//类型别名
type typeName = (number | string)[]
let studentsList: typeName = [12,13, 'zs','ls']
3.6 函数类型
3.6.1 单独指定参数、返回值的类型
3.6.2 同时指定参数、返回值的类型
3.7 对象类型
3.7.1 对象类型的可选属性 ?表示
3.8接口-interface
注:接口和类型别名的区别
3.8.1接口继承-extends
3.9 元祖
3.10 类型推论
例子:
3.11 类型断言-as / <>(不常用)
注:类型断言 是指定更准确的类型
console.log($0) //查看当前浏览器选中的dom元素
console.dir($0) //会以js对象的形式展现出来 _proto_:HTMLAnchorElement 可以查看到dom元素对应的类型 as 该使用的
3.12 字面量类型
3.13枚举 - enum(字面量类型+联合类型)
当函数参数的类型是一个枚举的时候,调用函数的时候,传入的参数就必须是这个枚举中的成员任何一个
数字枚举:默认从0开始
字符串枚举:每个成员必须有初始值
在ts中表示一组可选值时,方案有两种
1.字符串+联合类型组合的方式
let student: number | string =
2.枚举(字面量+联合类型)
注:枚举成员是有值的
字符串枚举:每个成员必须有初始值
3.14 any类型(不推荐使用)
3.15 typeof 操作符
类型上下文:指 冒号:后边的环境
typeof 查询变量的类型/对象属性的类型
不能查询函数调用形式的类型
typeof 查询变量的类型/对象属性的类型
不能查询函数调用形式的类型