TypeScript 入门 | 青训营笔记

WEdison
54 阅读1分钟
这是我参与「第五届青训营 」伴学笔记创作活动的第 4 天。

1.什么是TypeScript？

TS是静态类型，弱类型语言。

image.png

2.基本语法

  • 基本数据类型

image.png

  • 对象类型

image.png

  • 函数类型

image.png

  • 函数重载

image.png

  • 数组类型

image.png

  • TypeScript泛型

image.png

image.png

  • 类型别名&类型断言

image.png

  • 字符串/数字 字面量

image.png

3.高级类型

  • 联合/交叉类型

image.png

image.png

  • 类型保护与类型守卫

image.png

image.png

image.png

  • Merge 函数类型实现

image.png

image.png

image.png

  • 函数返回值类型

image.png

image.png

4.TypeScript工程应用

  • Web
    • 配置webapack loader相关配置
    • 配置tsconfig.js文件
    • 运行webapack启动/打包
    • loader处理ts文件时，会进行编译与类型检查 image.png
  • Node
    • 安装Node与npm
    • 配置tsconfig.js文件
    • 使用npm安装tsc
    • 使用tsc运行编译得到js文件

image.png

avatar
文章
阅读
粉丝