TS

124 阅读1分钟

一、概述

  1. 是什么:
    • 以js为基础构建的语言
    • 一个js的超集
  2. 特点:
    • 扩展了js,并增加了类型
    • 在任何支持js的平台中执行,但不能被js解析器执行,ts得先编译成js
  3. ts对比js:
    • 增加了类型
    • 支持ES的新特性
    • 添加ES里不具备的新特性
    • 丰富的配置选项
    • 强大的开发工具

二、搭建开发环境

  1. 下载Node.js
  2. 安装Node.js
  3. 使用npm全局安装typescript
    • npm i -g typescript
    • 使用tsc验证是否安装成功 image.png
  4. 创建一个ts文件
  5. 使用tsc对ts文件进行编译
    • tsc 文件名(包含后缀名)
      • 执行完会出现一个js文件,这个就能直接在浏览器里执行了!

三、TS中的类型

  1. 类型声明格式: image.png image.png
  2. 注:
    • 如果指定了类型,则赋值变量以非指定类型的值时,编译器会出现错误提示,但不会影响对应js的生成

四、TS的编译选项

  1. 添加tsconfig.json文件:
    • 作用:
      • 这样编译器才能成功编译ts文件
  2. 详述: image.png

五、用webpack打包ts代码

image.png image.png