TypeScript
TypeScript 是一种由微软开发的开源编程语言,它是 JS 的一个超集,设计目的在于增强 JS 的开发效率和维护性。
TS 在 JS 的基础上添加了静态类型,使得开发者能在编码阶段就发现类型错误,提高了代码的健壮性和可维护性。
特性:
- 静态类型系统:允许在编译时进行类型检查
- 增强面向对象特性:支持类、 接口、模块、泛型等
不支持直接在浏览器运行,需要先编译成 js 代码。
安装
全局安装
npm install -g typescript
局部安装
pnpm add -D typescript
验证:
tsc -v
如果是局部安装的,需要使用 npx 运行:
npx tsc -v
初始化,会在根目录生成一个tsconfig.json
文件
npx tsc --init
编译
编译,然后可以得到一个同名的 js 文件
tsc helloworld.ts
#如果不在根目录下,要加反斜杠
tsc .\src\helloworld.ts
也可以用ts-node
插件直接在终端查看结果,但不会生成 js 文件
npm install -g ts-node
运行
ts-node helloworld.ts
类型
const isDone: boolean = false; // 布尔
const num: number = 6; // 数字
const str: string = 'zgh'; // 字符串
const obj: object = {}; // 对象
const u: undefined = undefined;
const n: null = null;
undefined
和 null
是所有类型的子类型
数组类型
数组类型的表示方法:
- 类型 + 方括号:
number[]
、string[]
- 数组泛型:
Array<T>
interface
,较复杂,一般不用
const arr1: number[] = [1, 2, 3];
const arr2: Array<number> = [4, 5, 6];
interface NumberArray {
[x: number]: number;
}
let arr3: NumberArray = [1, 2, 3];
对象数组的类型注解:
const arr: { name: string; age: number }[] = [
{ name: 'tom', age: 18 },
{ name: 'jack', age: 19 }
];
如果有同样类型的数组,可以用 类型别名,或者使用 类
type Person = {
name: string;
age: number;
};
class User {
name: string;
age: number;
}
const arr: Person[] = [
{ name: 'tom', age: 18 },
{ name: 'jack', age: 19 }
];
tuple 元组类型
元组 Tuple,表示一个已知元素数量和类型的数组
const arr1: [string, number] = ['1', 2];
const arr2: (number | string)[] = [1, 'a', 'b', 2]; // 不知道元素数量,类型已知
const arr3: [string, number] = ['ha', 666];
const [ha, info] = arr3; // 解构赋值
Symbol
类型
const sym = Symbol();
let obj = {
[sym]: 'zgh'
};
console.log(obj[sym]); // zgh