ES10 中的 try-catch：了解此功能及其优势

在 Web 开发中，我们经常会遇到异常情况。JavaScript 作为前端语言，也不例外。为了处理这些异常情况，我们通常会使用 try-catch 语句。在 ES10 中，try-catch 语句有了更多的优势和功能，接下来我们就来了解一下。

什么是 try-catch 语句

try-catch 语句是一种用于捕获和处理异常的方式。它的语法如下：

try {
  // 你的代码
} catch (e) {
  // 异常处理
}

当 try 中的代码块执行时，如果发生异常，则会立即跳转到 catch 中的代码块中执行异常处理。catch 中的 e 是一个变量，表示异常对象。在 catch 中，我们可以使用这个变量来进行相应的处理。

ES10 中的 try-catch 优势及新功能

除了常规的 try-catch 功能，ES10 中还新增了一些其他的优势和新功能。

catch 变量省略

在 ES10 中，我们可以将 catch 中的变量省略，就像这样：

try {
  // 你的代码
} catch {
  // 异常处理
}

这种写法的好处是，可以让我们在没有使用异常对象时，使代码更加简洁。

try-catch 可以返回值

在 ES10 中，try-catch 语句可以返回一个值。这个值是在 try 结束之后返回的。如果 try 中的代码没有发生异常，则返回 try 中的最后一个表达式的值。如果发生异常，则返回 catch 中的最后一个表达式的值。

const result = try {
  // 你的代码
} catch {
  // 异常处理
}

这种写法的好处是，可以让我们更加方便地处理异常值。

try-finally

除了常规的 try-catch，ES10 中还新增了一个 try-finally 语句。它的语法如下：

try {
  // 你的代码
} finally {
  // 在这里执行相应的代码
}

finally 中的代码在 try 和 catch 中的代码执行完毕后无论是否发生了异常都会被执行。这种写法的好处是，可以让我们更好地处理资源释放等功能。

示例代码

下面是一个使用 ES10 的 try-catch 语句的示例代码：

try {
  let result = fetch('https://jsonplaceholder.typicode.com/users/0')
                 .then(resp => resp.json())
                 .then(data => data.name)
                 .catch(e => console.log(e));
} catch {
  console.log('发生了异常');
}

在这个例子中，我们尝试从一个不存在的用户地址中获取用户名称。如果获取成功，则返回名称；否则，将异常记录在控制台中。此外，我们还可以在 catch 中添加相应的处理代码。

总结

ES10 中的 try-catch 语句新增了一些优点和功能，使我们可以更加简洁、方便地处理异常。在实际开发中，我们可以根据需要使用相应的语法和方法来处理异常。希望本文对您有所帮助。

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