ES8 标准中的 try {...} catch {...} 语法的变化

前端开发中，异常处理一直是一个重要且常见的技术需求。Javascript 作为现代前端语言之一，也有其专门的异常处理语句：try {...} catch {...}。而在 ES8 标准中，try {...} catch {...} 语句有了一些新的变化，下面我们来详细了解一下。

传统的 try {...} catch {...} 语法

传统的 try {...} catch {...} 语法用于捕获代码块中的异常，如下例所示：

try {
  // 可能造成异常的代码
} catch (error) {
  // 捕获异常并进行处理
}

当 try 块中的代码执行时，如果出现了异常，就会跳转到 catch 块中进行异常处理。catch 块中的 error 参数表示异常信息。

尽管这个语句在处理异常时非常方便，但它本身的使用存在一些限制：只能处理 try 块中的同步代码执行异常，而无法处理异步异常和 Promise 异常。

promise 中的 try {...} catch {...} 语法

在 Promise 中，try {...} catch {...} 语法的使用情况是不一样的。Promise 中的异常处理通过 catch() 方法实现，它会在 Promise 出现异常时被调用：

somePromise.then(result => {
  // 处理 Promise 返回值
}).catch(error => {
  // 处理 Promise 异常
});

在这个例子中，当 Promise 返回值被正确处理时，then 块中的代码将被调用。如果 Promise 出现任何异常，则 catch 块中的代码将被调用。

ES8 中的 try {...} catch {...} 语法

在 ES8 标准中，try {...} catch {...} 语法得到重大升级。除了传统的同步代码异常处理和 promise 异常处理外，它还支持处理 async/await 异常。

处理异步代码异常

当使用 ES8 中的 try {...} catch {...} 语法来捕获异步代码中的异常时，我们需要写出如下格式：

async function someAsyncFunction() {
  try {
    // 可能会出现异常的异步代码
  } catch (error) {
    // 异常处理代码
  }
}

这个语法在异常处理中非常方便，可以让我们轻松地获取异常信息并进行处理。

可选的 catch 绑定

在 ES8 标准中，我们可以写出下面这种形式的 try {...} catch {...} 语法：

try {
  // 可能会出现异常的同步、异步或 Promise 代码
} catch {
  // 异常处理代码
}

当我们把 catch 绑定省略掉的时候，catch 块中的异常信息会被自动绑定到变量 error 上：

try {
  // 可能会出现异常的代码
} catch {
  console.error(error);
}

一个完整的示例

综合上述内容，以下是一个完整的 ES8 try {...} catch {...} 函数，其中包含同步、异步和 Promise 异常处理：

-- -------------------- ---- -------
----- -------- ------------------- -
  --- -
    -- ------------
  - ----- ------- -
    -- --------
  -
-

-------- ------------------ -
  --- -
    -- ------------
  - ----- ------- -
    -- --------
  -
-

----------------------- -- -
  -- -- ------- ---
-------------- -- -
  -- ------- ------
---

结论

ES8 标准中的 try {...} catch {...} 语法的变化，使得它可以方便地处理同步、异步、Promise 等多种类型的异常。同时还提供了一个可选的 catch 绑定，让我们可以轻松地自动获取和处理异常信息。上述技术都有其深度和学习价值，建议开发者多多研究和实践。

来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/671067785f551281026aaf9e