typescript学习笔记

typescript学习笔记

一、简介

typescript是js的超集，主要学习ts里面的原始类型、字面量类型、数组类型、函数类型、类类型、接口类型、类型别名、联合交叉类型、枚举类型、泛型等类型元素，以及类型推断、类型断言、类型缩小、类型放大等特性。
更加严谨。编写代码的时候静态类型的校验。

npm install -g typescript@4.5.3

在项目文件夹中执行 tsc -init 表示ts初始化项目

tsc -init

二、原始类型

let str = '1234'; // 根据初始的赋值来推导出变量的类型，以后str的类型不能改变了
// str = 2; // 报错 原因：变量在定义的时候，类型已经确定下来了，不能修改
const num = 1; // 常量不能改变指向（不能被修改），所以它的值就是它的类型
// num = '2' // 报错： 原因：常量不能改变指向（不能被修改）

// ts 的原始类型有哪些？ js基础数据类型： number string boolean undefined null symbol
// ts 原始数据类型就是 js基础数据类型
let str1:string = "1";
let bool:boolean = false;
let num1:number = 10;
let und:undefined = undefined;
let nul:null = null;
let sy:symbol = Symbol("123");
let vo:void = undefined;

三、非原始类型

// object Object {}
export {} 
let obj:object = {a:1};
let arr:object = [1];
// object 不包含基础数据类型

let obj1:Object = {a:1}
// Object 包含基础数据类型

let obj2:{} = {a:2};

let obj3:{} = '3'
// {} 等效于Object 也包含基础数据类型

四、数组类型

export {}
// let arr:object = [1,2,3]
// 数组的元素一般数据类型都一致，便于管理
let arr1:number[] = [1,2,3]; // 表示定义的数组中每一项都是数字类型
let arr2:string[] = ['1','2','3']
// 泛型 类型参数化
let arr3:Array<number> = [10,20,30]

// 元组
let arr4:[number,number,boolean] = [10,20,true]

五、联合类型

export {}

//  | 联合类型

let str:number | string = '1'
str = 10 
let arr:(string | number)[] = ['1',2,'3']

// 1 | '2' 在这里表示 1 和 '2' 是类型， 常量，便是 numAndStr 的值 只能是 1 或者 '2'
let numAndStr:1 | '2' = 1;
numAndStr = '2'
// numAndStr = 2 // 报错

let obj:{a:1} | {b:'3'}; // | 或 表示要么有a属性，要么有b属性,不能有其他属性
obj = {a:1}
obj = {b:'3'}
obj = {a:1,b:'3'}