11、提升 TypeScript 开发效率的实用技巧

提升 TypeScript 开发效率的实用技巧

1. 使用函数式构造和库促进类型流动

在 TypeScript 中， Array.prototype.map 方法有一个有趣的特性：除了传入回调函数，还可以传入属性名。以下几种调用方式会产生相同的结果：

const namesA = allPlayers.map(player => player.name)  // Type is string[]
const namesB = _.map(allPlayers, player => player.name)  // Type is string[]
const namesC = _.map(allPlayers, 'name');  // Type is string[]

TypeScript 的类型系统非常强大，能够准确地对这种构造进行建模。这得益于字符串字面量类型和索引类型的结合。如果你习惯了 C++ 或 Java，这种类型推断会让你感觉很神奇。

const salaries = _.map(allPlayers, 'salary');  // Type is number[]
const teams = _.map(allPlayers, 'team');  // Type is string[]
const mix = _.map(allPlayers, Math.random() < 0.5 ? 'name' : 'salary');
  // Ty