安全赋值运算符:try/catch 的替代方案

注意力

我想指出,安全赋值运算符尚未包含在 ecmascript 标准中。在本文中,我们将探讨如何使用 ecmascript 标准中的安全赋值运算符。


如果你喜欢我的文章,可以请我一杯咖啡:)
安全赋值运算符:try/catch 的替代方案


在使用 javascript 开发时,特别是在使用异步函数或复杂 api 时,我们使用 try/catch 进行错误处理。 ecmascript 宣布了一个新的运算符。 安全赋值运算符 (?=) 简化了错误处理,并为处理结果和错误提供了统一的结构,尤其是在异步操作期间。

当您使用安全赋值运算符时,它会检查函数或操作是否成功。如果成功,则返回结果。如果不成功则返回错误。

现在让我们探索如何使用安全赋值运算符(?=)


现在让我们编写安全赋值运算符的 api 请求的语法

async function fetchData() {
  const [error, response] ?= await fetch("https://jsonplaceholder.typicode.com/todos/1"); // safe assigment op.

  if (error) {
    console.error("Fetch error:", error);
    return;
  }

  const [jsonError, jsonData] ?= await response.json();

  if (jsonError) {
    console.error("JSON error:", jsonError);
    return;
  }

  return jsonData;
}

api请求中,每一步都会返回一个对象;该对象存储与请求相关的信息。我们可以使用对象解构功能来获取该对象内部的数据。借助安全赋值运算符(?=),当api请求发生错误时,我们可以通过解构方法处理错误对象,安全地检索错误消息或错误代码。 const [错误,响应],错误返回错误响应返回数据


结论

在本文中,我们研究了如何在 ecmascript 标准 中使用安全赋值运算符。我认为他是一个非常有用的操作员。现在我们知道如何使用它了。

以上就是安全赋值运算符:try/catch 的替代方案的详细内容,更多请关注www.sxiaw.com其它相关文章!