TS补充笔记
阅读原文时间:2023年07月08日阅读:5

TS掘金笔记:https://juejin.cn/post/6872111128135073806    *为疑惑点

类型总结:

2.6.1Enum类型数字枚举设置初始值:

  2.6.1.1给第一个枚举设置初始值,第二个枚举开始根据第一个枚举的初始值自动增长

  

  2.6.1.2给第二个数字枚举设置初始值,第三个枚举开始根据第二个枚举的初始值自动增长,而第一个依然是0

  

  2.6.1.3数字枚举除了支持从成员名称到成员值 的普通映射之外,它还支持从成员值到成员名称 的反向映射

enum Direction {
NORTH,
SOUTH,
EAST,
WEST,
}

let dirName = Direction[0]; // NORTH
let dirVal = Direction["NORTH"]; // 0

2.6.4Enum类型异构枚举:

  2.6.4.1Enum类型异构枚举中的字符串枚举的下一个必须是数字枚举,否则报错

   

  类型限制是变量名后进行类型限制,例num:Number(特例1.数组需要描述元素类型和数组,例arr:number[]2.{}不需要添加类型限制,{}则代表一个空对象,不可添加任何属性,但是可以使用原型链方法)

   *2.12object/Object、2.13never

断言总结:

  断言是1变量名前使用尖括号2.变量名 as 类型3非空断言和确定赋值断言在变量名后面(非空断言不可以过滤值为undefined的,例子是对有参数限制的变量进行过滤)

类型守卫总结:

  4.1in:文章例子解析

  4.2*typeof并不会只对"number", "string", "boolean" 或 "symbol"进行保护,尝试对数组也能够进行判断

  

  4.3instanceof判断一个类是否属于另外一个类的子类

联合类型和类型别名总结:

5.2.3例子报错解析  

  

交叉类型总结:

  6.1.1尝试发现不管用type(类型别名)和interface是一样的,使用&和|的相同点为属性为并集,但是&为必填项,交叉类型所有的属性都要填,在都填满的状态下相同  

  

  

  6.1.2合并时有同名属性且类型为不同的基本数据类型,如有此情况则该属性的类型为nerve;如为非基础类型则可以成功合并

TS函数总结:

  7.5可选参数和默认参数

// 可选参数
function createUserId(name: string, id: number, age?: number): string {
return name + id;
}

// 默认参数
function createUserId(
name: string = "semlinker",
id: number,
age?: number
): string {
return name + id;
}

  7.7*重载函数

TS接口总结:

  10.2只读属性:赋值给其他变量也不行

let a: number[] = [1, 2, 3, 4];
let ro: ReadonlyArray = a;
ro[0] = 12; // error!
ro.push(5); // error!
ro.length = 100; // error!
a = ro; // error! 赋值给其他变量也不行

10.3任意属性:例子解析 [ proName:string]

  

  10.4.3extends:type(类型别名)扩展type或者interface使用&;interface扩展type或者interface使用extends

  10.4.4implements:用法介绍

  

  10.4.5接口重复定义:与类型别名不同,接口可以定义多次,会被自动合并为单个接口。

interface Point { x: number; }
interface Point { y: number; }

const point: Point = { x: 1, y: 2 };

TS类总结*(使用不熟):

 11.1类的属性与方法:成员和静态的区别

  

  11.2私有变量:#不等于private

  

  11.3访问器:通过 getter 和 setter 方法来实现数据的封装和有效性校验,防止出现异常数据。

  11.4类的继承:

class Animal {
name: string;

constructor(theName: string) {
this.name = theName;
}

move(distanceInMeters: number = 0) {
console.log(`${this.name} moved ${distanceInMeters}m.`);
}
}

class Snake extends Animal {
constructor(name: string) {
super(name); // 调用父类的构造函数
}

move(distanceInMeters = 5) {
console.log("Slithering…");
super.move(distanceInMeters);
}
}

let sam = new Snake("Sammy the Python"); //Slithering…
sam.move(); //"Sammy the Python moved 5m."

  11.5抽象类:抽象类不能被直接实例化,我们只能实例化实现了所有抽象方法的子类;*构造函数会自动执行赋值(不只是抽象类的构造函数)

  

  11.6类方法重载

TS泛型:

12.1泛型语法:泛型类似参数,不指定一个类型,而是由调用时传递;T、U可以被任何字母代替,传递给参数使用;调用时可以省略<>,参数类型会默认传递

  

  12.2 *泛型接口:

interface GenericIdentityFn {
(arg: T): T; //()意义不明
}

  12.3

手机扫一扫

移动阅读更方便

阿里云服务器
腾讯云服务器
七牛云服务器

你可能感兴趣的文章