TypeScript

TypeScript是可以编译成任意版本js的
TypeScript可以通过配置调整编译校验的严格性
以下将 TypeScript 简写为 ts

ts 提供的类型

学习ts.jpg

// 声明变量指定number类型
let a1: number;
a1 = 10;
// 此时赋值非number类型会引起编译报错
// a1 = 'hello';

// 声明变量时直接赋值，ts可自动检测类型
let c1 = false;
// 此时赋值非boolean类型会引起编译报错
// c1 = 1;

// 可以使用 | 连接多个类型（此时变量的类型可以是指定类型的其中之一）
let d1: number | null | undefined;
d1 = 1;
d1 = null;




// 函数参数指定类型
function sum(a2: number, b2: number) {
  return a2 + b2;
}
// 如下调用函数时会编译报错：参数必须是number，参数必须是2个
// sum(123, '456');
// sum(123, 456, 789);
// sum(123);

// 函数返回值指定类型
function sum2(c2, d2): number {
  return c2 + d2;
  // 返回值必须是number，否则会编译报错
  // return '123';
}




// ts提供的类型如图

// 其中字面量就是固定的值（相当于常量）
let a3: 10 = 10;
let b3: '你好' = '你好';
let c3: {haha: 1} = {haha: 1};
// 只能改成固定的值，相当于没改，改成其他值编译报错
a3 = 10;
// a3 = 20;
// b3 = '早上好';
c3 = {haha: 1};

// 字面量定义多个值（相当于下拉选的值）
let d3: 'yes' | 'no' | null;
d3 = 'yes';
d3 = null;
// d3 = 'yes123';




// any 表示任意类型，并且ts不会对该类型的变量做类型校验（不建议使用，应尽量避免！）
let a4: any;
a4 = 1;
a4 = true;
a4 = '';
a4 = 15;
// 如果声明一个变量时没有指定类型，也没有赋值，这个变量就默认是any（不建议使用，应尽量避免！）
let b4;
b4 = 1;
b4 = true;
b4 = '';

// unknown 表示未知类型（变量本身赋值时和 any 效果一样）
let c4: unknown;
c4 = 1;
c4 = true;
c4 = '';
c4 = 15;

// 但是使用变量时，unknown 和 any 是有区别的（unknown 类型更安全）
let d4: number;
// a4(any) 可直接赋值给 d4(number)
d4 = a4;
// c4(unknown) 必须做类型校验 或 类型断言
// d4 = c4;
if (typeof c4 === 'number') {
  d4 = c4;
}
// 类型断言，告诉编译器 c4是number，有以下两种写法
d4 = c4 as number;
d4 = <number>c4;