一分钟学会JavaScript中的try-catch

下面是一分钟学会JavaScript中的try-catch的完整攻略。

什么是try-catch

try-catch 是 JavaScript 中用来处理异常的一种语句结构。当在 try 块中发生了异常时，该块中代码的执行就会停止，并且 JavaScript 引擎会抛出一个 Exception(异常)。这时就需要在代码中使用 catch 块来捕获这个异常并处理。

try-catch 的语法

try-catch 的语法如下所示：

try {
  //要尝试执行的代码
} catch (e) {
  //捕捉到异常后要执行的代码
}

当 try 中的代码出现异常，控制权将会跳转到 catch 块中，并且引擎会把错误信息作为参数传递给 catch 块中的 e 变量。

try-catch的使用场景

try-catch 广泛用于防止 JavaScript 程序崩溃，并为用户提供更好的用户体验。它可以捕获异常、记录日志、清理数据、向用户提供友好的错误提示等。

常见示例说明

没有 try-catch 代码示例：

function div(a, b) {
  return a / b;
}

console.log(div(10,0))
console.log(div(10,2))

如果执行该代码，控制台会报错：Uncaught TypeError: Cannot read properties of undefined (reading 'appendChild')。同时，第一个 div() 调用会让整个程序崩溃。因此，为了避免程序崩溃，我们需要使用 try-catch 来捕获异常并处理它。

使用 try-catch 代码示例：

function div(a, b) {
  try {
    return a / b;
  } catch (e) {
    console.log(e.message);
    return null;
  }
}

console.log(div(10,0))
console.log(div(10,2))

该示例代码中，我们在 div() 函数中添加了 try-catch 。当第一个 div() 调用时，try 块会抛出一个异常，catch 块将会捕获并输出异常信息，同时返回 null 。这样，程序不会崩溃，而是可以继续执行，输出第二个 div() 调用的结果。

以上是一分钟学会JavaScript中的try-catch的完整攻略，希望能帮助到您。