异常处理throw、try-catch、debugger

最新推荐文章于 2025-08-04 09:26:27 发布

原创最新推荐文章于 2025-08-04 09:26:27 发布 · 145 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #前端 #开发语言

文章讲述了在JavaScript编程中如何进行异常处理，包括使用throw抛出异常和Error对象传递详细错误信息，以及try...catch结构来捕获和处理错误。同时，介绍了debugger关键字作为断点调试工具的作用，帮助开发者在浏览器的Sources面板中进行代码调试。

throw

异常处理是指预估代码执行过程中可能发生的错误，最后最大程度的避免错误的发生导致整个程序无法继续运行

<script>
  function counter(x, y) {

    if(!x || !y) {
      // throw '参数不能为空!';
      throw new Error('参数不能为空!')
    }

    return x + y
  }

  counter()
</script>

总结：

throw 抛出异常信息，程序也会终止执行
throw 后面跟的是错误提示信息
Error 对象配合 throw 使用，能够设置更详细的错误信息

try … catch

<script>
   function foo() {
      try {
        // 查找 DOM 节点
        const p = document.querySelector('.p')
        p.style.color = 'red'
      } catch (error) {
        // try 代码段中执行有错误时，会执行 catch 代码段
        // 查看错误信息
        console.log(error.message)
        // 终止代码继续执行
        return

      }
      finally {
          alert('执行')
      }
      console.log('如果出现错误，我的语句不会执行')
    }
    foo()
</script>