TS补充笔记

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<number> = 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<T> {
  (arg: T): T;  //()意义不明
}

　　12.3

posted on 2023-02-22 15:41 ChoZ 阅读(31) 评论(0) 编辑收藏举报

刷新页面返回顶部

LylePark

TS补充笔记

导航

公告