这是我参与「第五届青训营 」伴学笔记创作活动的第 8 天
课堂笔记
课程重点内容:
- TypeScript与Js区别
- 基本语法
- 高级语法
- 工程化应用
TypeScript与Js区别:
Js(动态类型)与 TypeScript(静态类型)的区别在于动态类型在执行时即编译时才会做类型的检验和匹配,,而静态类型语言需要先进行编译才能执行。弱类型语言与强类型语言的区别在于类型转换,例如运行字符串的1和数字1进行相加时会进行隐式的类型转换可以通过,但在强类型语言中会报错。
TypeScript的优势:
基本语法:
基础数据类型(相比于js):
对象类型:
函数类型:
函数重载:
数组类型:常见使用类型1或者类型2
补充类型:
泛型:
类型别名和类型断言:
字面量:
高级语法:
联合/交叉类型:
类型保护与类型守卫
merge函数类型:
函数返回值类型:
工程化应用:
webpack编译ts需要进行的工作:
node.js使用TSC编译ts成js:
总结:
TypeScript相比于js具有静态类型语言的优势,并且对js类型进行了补充和规范,引入了函数重载、接口、泛型等,是js的超集,但二者都是弱类型语言。TypeScript在工程化方面的应用主要为webpack进行打包和配置时需要对ts转换成js才能识别,同样,在node.js中使用TSC将ts转换为js。