JS进阶-异常处理

throw抛异常

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

    function counter(x, y) {
      if (!x || !y) {
        throw new Error('参数不能为空！')
      }
      return x + y
    }
    counter()

总结：

1.throw抛出异常信息，程序也会终止执行

2.throw后面跟的是错误提示信息

3.Error对象配合throw使用，能够设置更详细的错误信息

try/catch捕获异常

我们可以通过try/catch捕获错误信息（浏览器提供的错误信息）try试试 catch拦住 finally最后

    function fn(x, y) {
      try {
        const p = document.querySelector('p')
        p.style.color = 'red'
      } catch (err) {
        //拦截错误，提示浏览器提供的错误信息，但是不中断程序的运行
        console.log(err.message)
        //需要加return中断程序或配合throw
        throw new Error('选择器错误')
        //return   
      } finally {
        //不管程序对不对一定会执行的代码
        alert('弹出对话框')
      }
    }
    fn()

总结：

1.try...catch用于捕获错误信息

2.将预估可能发生错误的代码写在try代码段中

3.如果try代码段中出现错误后，会执行catch代码段，并捕获到错误信息

4.finally不管是否有错误，都会执行

debugger

我们可以通过try/catch捕获错误信息（浏览器提供的错误信息）

断点调试时使用