TypeScript 入门 | 青训营笔记

34 阅读3分钟

TypeScript是一种静态类型的JavaScript超集语言,它提供了诸如基础数据类型、对象类型、函数类型、函数重载、数组类型、补充类型和泛型等高级数据类型。

可读性增强:TypeScript通过基于语法解析的TSDoc和ide增强来提高可读性。

可维护性增强:TypeScript可以在编译阶段暴露大部分错误,这使得在多人合作的大型项目中可以获得更好的稳定性和开发效率。

JS的超集:TypeScript是一种JavaScript超集语言,它包含了所有JavaScript特性,并支持共存。它还支持渐进式引入与升级。

JS动态类型:JavaScript是动态类型语言,而TypeScript是静态类型语言。这意味着在TypeScript中,类型必须明确指定,而不是在运行时动态推断。

类型转换:在TypeScript中,类型转换可以通过类型断言或类型转换函数来完成。

基础数据类型:TypeScript支持常用的基础数据类型,如数字、字符串和布尔类型。

对象类型:TypeScript支持对象类型,可以用来定义对象的形状和属性。

函数类型:TypeScript支持函数类型,可以使用类型注释来定义函数的参数和返回值类型。

函数重载:TypeScript支持函数重载,可以使用多个函数类型定义来重载函数。

数组类型:TypeScript支持数组类型,可以使用类型注释来定义数组的元素类型。

TypeScript补充类型:TypeScript提供了一些补充类型,如联合类型、交叉类型、类型保护、类型守卫等。

TypeScript泛型:TypeScript支持泛型,可以使用类型变量来编写可重用的类型

TypeScript 高级数据类型 1.联合交叉类型:联合类型:IA|IB;联合类型表示一个值可以是几种类型之一,交叉类型: IA&B;多种类型叠加到一起成为一种类型,它包含了所需的所有类型的特性 2.类型保护与类型守卫 : 类型保护用来判断一个值的类型,类型守卫用来确保在特定条件下使用某个类型。 3.Merge 函数类型实现 : 使用merge函数类型可以将多个函数类型合并为一个函数类型。 4.函数返回值类型:函数返回值类型该如何定义,关键字【extends】跟随泛型出现时,表示类型推断,其表达可类比三元表达式,关键字【infer】出现在类型推荐中,表示定义类型变量,可以用于指代类型 5.TypeScript工程应用:步骤1.配置webapack loader相关配置,2.配置tsconfg.js文件,3.运行webpack启动/打包,4. loader处理ts文件时,会进行编译与类型检查 使用TSC编译:1.安装Node与npm2.配置tsconfg.js文件3.使用npm安装tsc4.使用tsc运行编译得到js文件