12-09 零碎的知识

Typescript

1. 【译】TypeScript的Record类型说明

简单来说，Record类型就是为了处理含有不确定具体值，但是确定类型属性的对象的定义问题。比如以下：

interface IObject {
    [name:string]:number
}

// 以下等效
const obj:IObject = {
    '233':233
}

const obj2:Record<string,number> = {
    233:233
}
// 同时可以组合多种，比如联合类型，较灵活
type roles = 'tester' | 'developer' | 'manager'
const staffCount: Record<roles, number> = {
  tester: 10,
  developer: 20,
  manager: 1
}

2. 细数 TS 中那些奇怪的符号

文章里记录了一些常见的运算符，有的是ts才有的，有的是ecma规范的。列举一些常用的：

?? 空值合并运算符

在 TypeScript 3.7 版本中除了引入了前面介绍的可选链 ?. 之外，也引入了一个新的逻辑运算符 —— 空值合并运算符 ??。当左侧操作数为 null 或 undefined 时，其返回右侧的操作数，否则返回左侧的操作数。

与逻辑或 || 运算符不同，逻辑或会在左操作数为 false 值时返回右侧操作数。也就是说，如果你使用 || 来为某些变量设置默认的值时，你可能会遇到意料之外的行为。比如为 false 值（’’、NaN 或 0）时。

const foo = null ?? 'default string';
console.log(foo); // 输出："default string"

const baz = 0 ?? 42;
console.log(baz); // 输出：0

const baz_fix = 0 || 42;
console.log(baz_fix); // 输出42