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

注意力

我想指出安全赋值运算符必须得到 polyfill 的支持，因为它尚未包含在 ECMAScript 标准中。在本文中，我们将探讨如何使用 ECMAScript 标准中的安全赋值运算符。

---

如果你喜欢我的文章，可以请我一杯咖啡:)

---

在使用 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 [错误，响应]，错误返回错误。 响应返回数据

---

在对象和函数中的用法

?= 运算符 可以与实现 Symbol.result 方法的对象或函数一起使用。

• 对象：

const objSafe = {
  [Symbol.result]() {
    return [new Error("Object error"), null];
  }
};

const [error, result] ?= objSafe;
console.log(error)

---

• 功能：

function safeOperator(arr) {
  return 'data';
}

const [error, result] = safeOperator[Symbol.result](arr);

---

结论

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

以上是JavaScript 安全赋值运算符：try/catch 的替代方案的详细内容。更多信息请关注PHP中文网其他相关文章！