[TS手册学习] 02_类型收窄 Narrowing-Toy模板网

这篇具有很好参考价值的文章主要介绍了[TS手册学习] 02_类型收窄 Narrowing。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

TS官方手册：TypeScript: Handbook - The TypeScript Handbook (typescriptlang.org)

一个变量如果声明为联合类型，而后续操作需要针对其具体的单一类型做不同处理，这个过程就叫做类型收窄（Narrowing）。

常见的做法或情形有以下：

typeof 类型保护(type guards)

typeof是 JS 中的操作符，需要注意typeof对象、数组、null都会返回object。

真值收窄(Truthiness narrowing)

0，NaN，""，0n，null，undefined都会被隐式转换为false，属于假值，其它的值是真值。依据这个规则也可以收窄类型。

等值收窄(Equality narrowing)

在 JS 中，全等判断符===要求两边类型一致，以此也可以排除一些类型，从而实现收窄类型。

in 操作符收窄

in操作符检查指定的属性是否在指定的对象或其原型链中。

instanceof 收窄

instanceof运算符用于检测构造函数的 prototype 属性是否出现在某个实例对象的原型链上。

赋值语句(Assignments)

TS 可以根据赋值语句的右值的类型收窄左值。

控制流分析(Control flow analysis)

基于可达性的代码分析就是控制流分析，关注代码中的if，while等条件控制语句。

如果代码达到了某个区域，而根据条件控制语句可以得知：如果变量X是类型A，无法到达此区域，那么就可以推断出到达此区域的变量X的类型不可能是A。

于是类型收窄。

function padLeft(padding: number | string, input: string) {
  if (typeof padding === "number") {
    return new Array(padding + 1).join(" ") + input;
  }
  return padding + input;
}

在第一个 if 语句里，因为有 return 语句，TypeScript 就能通过代码分析，判断出在剩余的部分 return padding + input ，如果 padding 是 number 类型，是无法达到 (unreachable) 这里的，所以在剩余的部分，就会将 number类型从 number | string 类型中删除掉。文章来源地址https://www.toymoban.com/news/detail-747498.html

到了这里，关于[TS手册学习] 02_类型收窄 Narrowing的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！