• 作者:老汪软件技巧
  • 发表时间:2024-08-22 11:02
  • 浏览量:

JavaScript 的错误处理即将获得重大升级。新的 ECMAScript 安全赋值运算符提案(?=)旨在通过减少对传统 try-catch 代码块的需求,来简化您的代码。该提案将在8月25日的会议上讨论。

让我们一起来看看这个提案如何简化您的错误管理,并使您的 JavaScript 代码更干净、更高效。

简单示例

传统的 try-catch 代码块常常导致代码深度嵌套,使得代码难以阅读和维护。提案通过引入新的运算法?= ,通过将函数的结果转换为元组来减少嵌套。如果发生错误,它返回 [错误, null];否则,它返回 [null, 结果]。

直接来看一个示例:

async function getData() {
  const [error, response] ?= await fetch('https://api.example.com/data');
  if (error) return handleError(error);
  return response;
}

?= 运算符使错误处理更加直观,保持代码线性且易于跟踪。同时通过统一的返回元组,使错误处理方式始终保持一致的风格。

通过以标准化的方式自动处理错误,?= 运算符减少了错过关键错误的机会。

错误定制

同时引入了Symbol.result支持定制错误处理逻辑。Symbol.result 方法应该返回一个元组 [错误, 结果]。

来看一个栗子:

function example() {
  return {
    [Symbol.result]() {
      return [new Error('错误信息'), null];
    }
  };
}
const [error, result] ?= example();

?= 运算符还可以递归处理实现 Symbol.result 的嵌套对象,确保即使是复杂的错误场景也能顺利管理。

const obj = {
  [Symbol.result]() {
    return {
      [Symbol.result]: () => [new Error('嵌套错误'), null];
    };
  }
};
const [error, data] ?= obj;

支持异步处理

_再见了Try-Catch,ECMA增加安全赋值运算符提案_再见了Try-Catch,ECMA增加安全赋值运算符提案

?= 运算符可以与 Promises 和 async/await 无缝协作,使异步代码中的错误处理变得直接。

示例:

const [error, data] ?= await fetch('https://api.example.com');

旧浏览器处理方案

该提案可以使用polyfill.js上提供的代码进行polyfill。

然而,那个?=运算符本身不能直接填充。当针对较旧的JavaScript环境时,应该使用后处理器来转换?=运算符进入相应的[Symbol.result]调用。

const [error, data] ?= await asyncAction(arg1, arg2)
// should become
const [error, data] = await asyncAction[Symbol.result](arg1, arg2)
const [error, data] ?= action()
// should become
const [error, data] = action[Symbol.result]()
const [error, data] ?= obj
// should become
const [error, data] = obj[Symbol.result]()

设计理念

在 [错误, 数据] 的 ?= 结构中首先放置错误,确保在处理数据之前先处理错误,减少了忽略错误的风险。

示例:

const [error, data] ?= someFunction();

?= 运算符背后的模式受到 Go、Rust 和 Swift 等语言中类似结构的启发,这些语言早已采用了更结构化的错误处理。

这个提案的目的不是为了自动处理错误,也不是为了引入新的类型,其只是为了规范和统一错误处理的方式。

结论

安全赋值运算符(?=)是 JavaScript 错误处理的变革者,承诺减少对笨重的 try-catch 代码块的需求,使您的代码更干净、更安全。尽管仍在开发中,这个提案可能很快成为每个 JavaScript 开发者工具箱中的标准工具。

关于更详细的信息,可以查看:/arthurfiore…