npm 包 @types/http-status-codes 使用教程

在前端开发中，我们常常需要发送 HTTP 请求并处理返回的状态码。@types/http-status-codes 是一款 npm 包，提供了大量常见 HTTP 状态码的编程接口和类型定义，可以帮助开发者更方便地处理 HTTP 状态码相关的问题。

安装

使用 npm 安装 @types/http-status-codes：

npm install @types/http-status-codes

使用

@types/http-status-codes 提供了一个枚举类型 HttpStatusCode，其中包含了从 100 到 599 的全部 HTTP 状态码。

我们可以通过引入 HttpStatusCode 来使用它提供的各种方法。

判断状态码是否成功

import { HttpStatusCode } from "http-status-codes";

function isSuccessful(statusCode: number) {
  return HttpStatusCode.isSuccess(statusCode);
}

console.log(isSuccessful(200)); // true
console.log(isSuccessful(404)); // false

获取状态码的原因短语

import { HttpStatusCode } from "http-status-codes";

console.log(HttpStatusCode.getStatusText(404)); // "Not Found"

获取 HTTP 状态码对应的类别

import { HttpStatusCode, HttpStatusClass } from "http-status-codes";

console.log(HttpStatusCode.getStatusClass(404)); // HttpStatusClass.CLIENT_ERROR

获取 HTTP 状态码对应的类别字符串

import { HttpStatusCode } from "http-status-codes";

console.log(HttpStatusCode.getClassString(404)); // "Client Error"

枚举全部的 HTTP 状态码

import { HttpStatusCode } from "http-status-codes";

for (const statusCode in HttpStatusCode) {
  const statusNumber = parseInt(statusCode, 10);
  if (HttpStatusCode.isValid(statusNumber)) {
    console.log(statusCode, HttpStatusCode.getStatusText(statusNumber));
  }
}

结语

@types/http-status-codes 为开发者提供了方便、快捷的处理 HTTP 状态码的方法。使用它，我们可以更加专注于业务逻辑的实现，而不必关心 HTTP 状态码相关的细节。

来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/191666