ES10新特性：如何利用toString()方法修订和捕捉绑定

2023-11-12 16:53:56

toString()方法修订

在ES10中，toString()方法得到了修订，使其更具可读性和信息性。当一个错误对象被转换为字符串时，将不再显示内部属性，而是以更加清晰的格式呈现错误信息。这种改进使得调试和理解错误变得更加容易。

为了更好地理解这种变化，我们来看一个简单的示例：

const err = new Error('This is an error message');
console.log(err.toString());

在ES9及更早版本中，输出结果如下：

Error: This is an error message
    at app.js:3:13
    at Object.<anonymous> (app.js:7:1)

然而，在ES10中，输出结果将类似于：

This is an error message
    at app.js:3:13
    at Object.<anonymous> (app.js:7:1)

如你所见，内部属性，如错误堆栈，被隐藏了起来，使错误信息更加简洁和易于理解。

2. 捕捉绑定

捕捉绑定是ES10中另一个令人兴奋的特性。它允许你在try块中直接捕获绑定，而无需显式声明它们。这意味着你可以更轻松地处理异步函数中的错误，而无需使用额外的代码。

让我们来看一个示例：

async function myAsyncFunction() {
  try {
    // 这里可能会抛出一个异常
    await doSomethingAsync();
  } catch (error) {
    // 在这里处理错误
  }
}

在ES9及更早版本中，你必须显式声明要捕获的绑定，例如：

async function myAsyncFunction() {
  try {
    // 这里可能会抛出一个异常
    await doSomethingAsync();
  } catch (error) {
    if (error instanceof SomeError) {
      // 处理SomeError类型的错误
    } else if (error instanceof AnotherError) {
      // 处理AnotherError类型的错误
    } else {
      // 处理其他类型的错误
    }
  }
}

而在ES10中，你可以直接捕获绑定，而无需显式声明它们，例如：

async function myAsyncFunction() {
  try {
    // 这里可能会抛出一个异常
    await doSomethingAsync();
  } catch (SomeError) {
    // 处理SomeError类型的错误
  } catch (AnotherError) {
    // 处理AnotherError类型的错误
  } catch (error) {
    // 处理其他类型的错误
  }
}