Typescript入门|青训营

53 阅读1分钟

这是我参与「第四届青训营 」笔记创作活动的第3天

1.与js的区别:

  • JS -> 动态类型
  • TS -> 静态类型
    • 可读性增强
    • 可维护性增强 -> 在编译阶段暴露出大部分的错误 -> 在多人合作的大型项目中可以获得更好的稳定性和开发效率

2.基本语法

  • 基础数据类型
/* 字符串 */
const q: string= 'string';
/* 数字 */
const w: number = 1;
/* 布尔值 */
const e: boolean = true;
/* null */
const r: null = null;
/* undefined */
const t: undefined = undefined;
  • 对象类型

image.png image.png

  • 函数类型

image.png image.png image.png

  • 函数重载

image.png

  • 数组类型

image.png

  • Typescript补充类型

image.png 3.高级类型

  • 联合/交叉类型

image.png image.png

  • 类型保护和类型守护

image.png image.png

  • 高级类型

image.png image.png image.png

  • 函数返回值类型

image.png

4.工程应用

  • webpack 1.配置webpack loader相关配置 2.配置tsconfig.js文件 3.运行webpack启动/打包 4.loader处理ts文件时,会进行编译与类型检查
  • 使用TSC编译

image.png