注意力

我想指出安全賦值運(yùn)算符必須得到 polyfill 的支持，因?yàn)樗形窗?ECMAScript 標(biāo)準(zhǔn)中。在本文中，我們將探討如何使用 ECMAScript 標(biāo)準(zhǔn)中的安全賦值運(yùn)算符。

如果你喜歡我的文章，可以請(qǐng)我一杯咖啡:)

在使用 JavaScript 開發(fā)時(shí)，特別是在使用異步函數(shù)或復(fù)雜 API 時(shí)，我們使用 try/catch 進(jìn)行錯(cuò)誤處理。 ECMAScript 宣布了一個(gè)新的運(yùn)算符。 安全賦值運(yùn)算符 (?=) 簡(jiǎn)化了錯(cuò)誤處理，并為處理結(jié)果和錯(cuò)誤提供了統(tǒng)一的結(jié)構(gòu)，尤其是在異步操作期間。

當(dāng)您使用安全賦值運(yùn)算符時(shí)，它會(huì)檢查函數(shù)或操作是否成功。如果成功，則返回結(jié)果。如果不成功則返回錯(cuò)誤。

現(xiàn)在讓我們探索如何使用安全賦值運(yùn)算符(?=)。

現(xiàn)在讓我們編寫安全賦值運(yùn)算符的 api 請(qǐng)求的語法。

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請(qǐng)求中，每一步都會(huì)返回一個(gè)對(duì)象；該對(duì)象存儲(chǔ)與請(qǐng)求相關(guān)的信息。我們可以使用對(duì)象解構(gòu)功能來獲取該對(duì)象內(nèi)部的數(shù)據(jù)。借助**安全賦值運(yùn)算符**（?=），當(dāng)API請(qǐng)求發(fā)生錯(cuò)誤時(shí)，我們可以通過解構(gòu)方法處理錯(cuò)誤對(duì)象，安全地檢索錯(cuò)誤消息或錯(cuò)誤代碼。 const [錯(cuò)誤，響應(yīng)]，錯(cuò)誤返回錯(cuò)誤。 響應(yīng)返回?cái)?shù)據(jù)

在對(duì)象和函數(shù)中的用法

?= 運(yùn)算符 可以與實(shí)現(xiàn) Symbol.result 方法的對(duì)象或函數(shù)一起使用。

• 對(duì)象：

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);

結(jié)論

在本文中，我們研究了如何在 ECMAScript 標(biāo)準(zhǔn) 中使用安全賦值運(yùn)算符。我認(rèn)為他是一個(gè)非常有用的操作員。現(xiàn)在我們知道如何使用它了。

以上是JavaScript 安全賦值運(yùn)算符：try/catch 的替代方案的詳細(xì)內(nèi)容。更多信息請(qǐng)關(guān)注PHP中文網(wǎng)其他相關(guān)文章！