关键词

一分钟学会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的完整攻略,希望能帮助到您。

本文链接:http://task.lmcjl.com/news/15886.html

展开阅读全文