初识 TypeScript

263 阅读1分钟

1. TypeScript 简介

首先,ts是微软公司开发的,其次ts是js的超集,是强类型语言

2. TypeScript 环境准备

ts是不能被浏览器或者node环境识别的,所以我们要先将ts编译成js。

内心os:(你tm的在说什么,那我为什么要用这破玩意?p事还多,就为了装b?)

1. 那怎么编译呢?

主角登场: tsc:它的作用显而易见就是吧ts编译成浏览器和 node 环境认识的语言(js)

下面说说怎么使用(最基础的4步)

  1. 安装 tsc

        npm install -g typescript
    
  2. 执行(编译)

      tsc 文件路径
    

    执行后会生成一个编译后的js文件

  3. 生成 ts 的配置文件

      tsc --init
    

    生成后就会有个tsconfig.json的文件出现

  4. 实时监听

      tsc 文件路径 --watch
    

    这个实时监听是个什么意思呢?

    就是:要是不开实时监听的话,你是不是只要ts文件里面的代码修改了都要tsc xx.ts重新编译成js?实时监听后,就可以实时编译,不用手动的跑tsc编译命令

3. TypeScript 数据类型

1. 字符串

carbon (1).png

2. 数字

carbon (2).png

3. boolean

carbon (1).png

4. 数组

carbon.png

注意: <>里面的是数组的每一项的类型,也就是说一个数组要每一项都是相同的数据类型,否则会报错

5. 元组

解决数组里面是不同项目的一种方式,但是限于数组长度比较小

carbon (1).png

上面变量的类型依次是,number,string,boolean顺序不能乱,乱了会报错

6. 枚举Enums

请参见我的另外一遍文章:Typescript的Enums

7. 其他类型

  • void
  • any
  • never
  • unknown

以上就是这篇文章的分享:初识 TypeScript