简介
Deno 是一个执行 JavaScript 和 TypeScript 的运行时环境，与 Node.js 不同，它采用了安全性更高的设计，支持 ES6 的模块化和异步操作。
在使用 Deno 进行前端开发时，我们经常需要处理 HTTP 请求的返回值。其中，HTTP 错误状态码是不可避免的问题。本文将介绍如何使用 Deno 处理 HTTP 请求返回的错误状态码，包括 4xx 和 5xx 状态码的处理方法。
HTTP 状态码概述
HTTP 状态码是用于表示 Web 服务器和客户端之间的请求和响应状态的三位数字代码。它可以告诉客户端发生了什么事情，例如，请求是否成功完成，是否需要进一步的操作等。
HTTP 状态码通常可以分为以下五类：
- 1xx（信息性状态码）
- 2xx（成功状态码）
- 3xx（重定向状态码）
- 4xx（客户端错误状态码）
- 5xx（服务器错误状态码）
其中，4xx 和 5xx 状态码表示出现错误，需要进行处理。
HTTP 错误状态码处理
在处理 HTTP 请求时，我们需要注意处理错误状态码。以下是处理 HTTP 错误状态码的几种方法：
1. 基本处理方法
可以使用 try-catch 结构对请求进行 try-catch 处理，用 catch 语句捕捉异常，进而处理错误状态码。
try {
const response = await fetch("http://example.com/");
if (!response.ok) {
throw new Error(`HTTP error! status: ${response.status}`);
}
} catch (e) {
console.log(`Fetch Error: ${e.message}`);
}在 try 代码块中，我们可以发起 HTTP 请求并使用 await 等待返回结果。如果返回的状态码不是 200 或者 3xx 开头的状态码，则直接跳转至 catch 块。在 catch 块中，我们可以对错误状态码进行处理。
2. 使用库函数处理
在处理 HTTP 错误状态码时，也可以使用库函数，例如使用 deno_std/http 库的 response 函数进行处理。返回的结果中包含了响应体和状态码，方便我们进行错误处理。
import { response } from "https://deno.land/std/http/mod.ts";
const result = await response("http://example.com/");
if (result.status === 200) {
console.log(await result.text());
} else {
console.log(`HTTP error! status: ${result.status}`);
}这种方式相对于使用 try-catch 结构进行处理，使代码更加简洁。
3. 自定义错误处理
在进行 HTTP 请求时，我们还可以自定义错误处理方法，例如将错误信息进行拼接输出等。
// javascriptcn.com 代码示例
class HttpError extends Error {
constructor(public status: number, message: string) {
super(message);
}
}
async function fetchWithErrorHandling(): Promise<void> {
try {
const response = await fetch("http://example.com/");
if (!response.ok) {
throw new HttpError(response.status, "HTTP error");
}
console.log(await response.text());
} catch (e) {
if (e instanceof HttpError) {
console.log(`${e.status}: ${e.message}`);
}
}
}在自定义的错误处理方法中，我们可以根据错误类型进行不同的处理。
总结
本文介绍了在 Deno 中处理 HTTP 请求返回的错误状态码的方法，包括使用 try-catch 块处理、使用库函数、以及自定义错误处理方法。这些方法可以帮助我们更加简洁和有效地处理 HTTP 请求返回的错误状态码，提高开发效率。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/6528fcd67d4982a6ebb8de76