介绍
TypeScript是基于node开发的一门“新”编程语言,扩展了JS,是JS的超集。后文简称为TS
。
TS和JS最大的区别就是TS有了类型,可以进行类型检测,在很大的程度上可以保证编写时不会出错,比如字符打错了,关键字不对,变量名不对这些小错误,更重要的是可以使接口或工具函数或组件库等之类的黑盒能暴露出自己所需的参数类型和返回类型。这些能让团队或个人开发时的可读性大大提升,可维护性亦是如此。
同时还有着类babel
的未发布技术提前使用功能,能将其编译成兼容模式的代码(前提是支持)。
安装
本质上是一个包,因此可以直接使用npm进行全局安装,同样要全局安装后才能使用命令行命令。
在VSCode中内置了TS或者说VSCode的编辑器是用TS开发的,因此在TS的支持上VSCode是数一数二的。
npm i -g typescript
编译
使用tsc
命令编译,会自动找到最近的tsconfig.json
然后根据此文件编译对应文件。tsconfig.json
是编译TS的相关配置,具体配置含义可看tsconfig.json配置文档
如果使用tsc 文件
这种,则不会自动找tsconfig.json
,会按照默认设置进行编译。
# 此命令会根据最近 tsconfig.json 编译此文件夹
tsc
# 单独某些编译文件
tsc index.ts
tsc index.ts utils.ts
# 编译 src 文件夹下的 ts 文件
tsc src/*.ts
# 编译 src 文件夹下所有 ts 文件
tsc src/**/*.ts
# 使用指定 tsconfig.json 进行编译
tsc --project tsconfig.production.json
# 使用类 tsconfig.json 的命令行参数进行编译
tsc index.ts --target esnext
类型
TS的变量类型声明很简单,代码格式如下:
let variable: type = value
可以看到TS的类型声明很简单,就是变量名后面跟个: type
就可以了。
基础数据类型(primitive type)
此类型不是object类型(object是泛指的一种类型)时即为基础类型,有如下几种:
- number: 数字类型。
- string: 字符串类型。
- boolean: 布尔类型(true/false)。
- null: 单指 null。
- undefined: 单指 undefined。
- bigint: BigInt 类型,如 123n, BigInt(123)。
- symbol: Symbol 类型。
- unique symbol: symbol 的子类,即独一无二的标志,两个 unique symbol 固定返回 false,反之不确定。
类型推断
在TS中可以不声明类型是什么,让TS根据值来推断类型,如:
// type is number
let num = 123
// type is string
let str = '123'
// type is boolean
let bool = false
结语
本指南意义在于帮助大家能够学习如何使用TS,每一篇尽量简单简洁的介绍每一个知识点,如要深入学习还请认准官方手册。如有错误还请指出修改。
觉得还不错的话可以点个赞,加快笔者更新速度。
最近在找工作,base深圳,有内推可联系微信号: N_ctdt