TypeScript中never类型的妙用详解

TypeScript 是一种静态类型的编程语言，它可以让我们在编写 JavaScript 代码时，提前发现并避免一些潜在的错误。

但是，有时候我们在修改类型时，可能会忘记修改一些相关的代码，导致类型不匹配或者缺少分支处理等问题。

有没有一种方法，可以让我们在修改类型时更加轻松和精确呢？

答案是肯定的！

我是渡一子辰老师，今天我来向你介绍一个重要的类型——never 类型。

它是 TypeScript 中最小的类型，它表示一个永远不会出现的值。

子辰还将告诉你如何利用 never 类型来确保类型约束的精确性，避免在类型修改过程中导致的错误。

什么是 never 类型

在 TypeScript 中，never 类型表示一个永远不会出现的值。

它是所有类型的子类型，也就是说，任何类型都可以赋值给 never 类型，但是 never 类型不能赋值给任何类型，当然除了它自己。

never 类型有什么用呢？我们可以用它来表示一些永远不会发生的情况，比如：

• 抛出异常的函数
• 死循环的函数
• 永远不会进入的分支

例如：

// 抛出异常的函数
function error(message: string): never {
  throw new Error(message);
}

// 死循环的函数
function loop(): never {
  while (true) {}
}

// 永远不会进入的分支
function foo(x: string | number) {
  if (typeof x === "string") {
  // do something
  } else if (typeof x === "number") {
  // do something else
  } else {
  // x is never
  const n: never = x;
  }
}

在上面的例子中，error 函数和 loop 函数都永远不会返回任何值，所以它们的返回类型是 never 。

foo 函数中，如果 x 是 string 或者 number ，就会进入相应的分支处理；如果 x 不是这两种类型，就会进入最后一个分支，但是这个分支永远不会进入，因为 x 的类型已经被收缩为 never 了。

所以我们可以用 never 类型来标记这个分支，并且把 x 赋值给一个 never 类型的变量 n ，这样就可以确保这个分支永远不会被执行。

never 的妙用

我们已经知道了 never 类型可以表示一些永远不会发生的情况，那么我们如何利用它来确保类型约束的精确性呢？

我们来看一个例子。

假设我们要封装一个 Ajax 请求的方法。

// 定义一个类型
type Method = 'GET' | 'POST'
// 封装一个 Ajax 请求的方法，为两个参数约束类型
function request(method: Method, url: string) { }

可以看到方法已经写好了，并且在调用 request 时也有提示了。

那么我们再来写函数里边的东西。

type Method = 'GET' | 'POST'
function request(method: Method, url: string) {
  // 因为有多种请求类型，我们这里用 switch
  // 每一个类型随便给它返回一个值仅做模拟
  switch (method) {
    case "GET":
      return "get"
    case "POST":
      return "post"
    default:
      return 'default'
  }
}

可以看到函数里边用 switch 来根据不同的请求类型返回不同的值。

但是这里有一个问题：我们定义了 Method 类型只有两种可能：GET 和 POST ，那么为什么还要写 default 分支呢？因为这个分支永远不会进入！

我们看一下 default 分支里是什么类型。

可以看到，它变成了 never 类型，这就得益于 TS 里的类型收缩，就是 TS 他会分析你的分支，根据你分支的条件来对类型做一个相应的收缩。

比如在下图的分支里，就被收缩成了 GET 值，它就不在是联合类型了。

那么在 default 里由于这个分支永远不会进来，所以说它就用类型 never 来表示了。

那么这个对我们实际开发到底有什么用呢？

我们考虑这么一种情况，如果我们不写 default 分支，我们对 Method 类型扩展了其他可能性，比如：PUT 或者 DELETE 等。

你看，在下图中我们加了一个 PUT 类型以后，并没有报错，你压根就不知道这个函数里还应该加一个 PUT 分支。

当你的代码写多了，然后再非常繁杂的代码里边，改了一个类型，你就很难知道，你这个改动会影响到哪些地方。

就是其他地方的代码到底哪些地方会做相应的修改，你是很难知道的。

当然这个代码很少，一眼就能看出来，那如果是上万行代码呢？因为 TS 往往是在大型项目工程中使用的，几万行代码你还能清楚的知道吗？

这个时候呢，我们就可以借助 never 了，来看下怎么做。

type Method = 'GET' | 'POST'
function request(method: Method, url: string) {
  switch (method) {
    case "GET":
      return "get"
    case "POST":
      return "post"
    default:
      const n: never = method;
      return n
  }
}

我们回到最初的情况，我们就加一个 default 分支，分支里定一个变量 n，标注为 never 类型，然后吧 method 赋值给它，然后返回这个 n。

它不会影响代码的执行，因为这个分支永远进不来。

而且这个赋值也是安全的，因为现在 default 分支里的 method 是 never 类型，never 是可以赋值给 never 的，但是其他类型就不能赋值给 never 了。

接下来我们就可以放心大胆的去修改类型了。

当我们加了一个 PUT 以后，就会发现报错了，因为 TS 的类型收缩，它知道分支里还有一种情况，就是 PUT，那么这种类型是不能赋值给 never 的，于是这里就报错了。

这样子呢，你就非常清楚这个地方还需要去增加一个分支，要做相应的修改。

比如说有很多这个函数，根据报错，就能很清楚的知道哪些地方要做修改了。

这是 never 类型在 TS 里边非常常见的一种做法，这种做法在大型项目里边及其有用。

总结

本文主要就是帮助你理解 never 类型在 TypeScript 中的应用及其优势。

在 TypeScript 中，never 类型表示一个永远不会出现的值，它可以在类型收缩时进行自动推导，使代码更加稳定可靠。

在函数中，我们可以利用 never 类型来确保类型约束的精确性，避免了在类型修改过程中导致的错误。特别是在大型项目中，never 类型可以帮助我们更好地维护代码，减少因修改类型而导致代码修改和错误的风险。

例如，我们文章中的例子，通过分析代码分支，我们可以使用 never 类型来标记永远不会进入的分支。这样一来，我们在以对类型进行扩展时，就可以很快地知道在哪些地方需要进行相应的修改，从而提高代码的可维护性和稳定性。

在项目开发中，特别是大型项目开发中，掌握使用 never 类型的技巧，可以让同学们更加高效、精准地编写出高质量的代码。

以上就是TypeScript中never类型的妙用详解的详细内容，更多关于TypeScript never类型的资料请关注脚本之家其它相关文章！

最新评论