TypeScript入门 | 青训营笔记

55 阅读2分钟

这是我参与「第五届青训营 」伴学笔记创作活动的第 5 天。 首先老师先介绍了TypeScript发展历史,在2012-10, 微软发布了TypeScript的第一个版本。,后来Angular发布了基于TypeScript的2.0版本,后来诞生了Visual Studio Code,到2016-5月,TypeScript可以开发React了!随着Vue 3.0版本的发布,官方支持TypeScript。JavaScript和TypeScript的区别在于,JS是动态类型,弱类型语言,TS是静态类型,弱类型语言。静态类型代表了:1.可读性增强:基于语法解析TSDoc,ide增强。2.可维护性增强:在编译阶段暴露大部分错误。(多人合作的大项目中,获得更好的稳定性和开发效率。)JS的超集包含于建嵘所有Js特性,支持共存,支持渐进式引入与升级。 基本语法包含:1.基础数据类型。2.对象类型。3.函数类型。4.函数重载。5.数组类型。6.Typescript补充类型。7.TS泛型。8.类型别名&类型断言。9.字符串/数字 字面量。 高级类型包含:1.联合/交叉类型:联合类型(IA|IB,联合表示一个值可以是几种类型之一。);交叉类型(IA&IB,多种类型叠加到一起成为一种类型,他包含了所需所有类型的特性。)2.类型保护与类型守卫。3.给函数返回值类型。 TypeScript工程应用——Web:1.配置webapack loader相关配置。2.配置tsconfig.js文件。3.运行webpack启动/打包。4.loader处理ts文件时,会进行编译与类型检查。 使用TSC编译的步骤:1.安装Node与npm。2.配置tsconfig.js文件。3.使用npm安装tsc。4.使用tsc运行编译得到js文件。