天天看点

try catch的简单了解

定义和用法

try/catch/finally 语句用于处理代码中可能出现的错误信息。

错误可能是语法错误,通常是程序员造成的编码错误或错别字。也 可能是拼写错误或语言中缺少的功能(可能由于浏览器差异)。

try语句允许我们定义在执行时进行错误测试的代码块。

catch 语句允许我们定义当 try 代码块发生错误时,所执行的代码块。

finally 语句在 try 和 catch 之后无论有无异常都会执行。

注意: catch 和 finally 语句都是可选的,但你在使用 try 语句时必须至少使用一个。

提示: 当错误发生时, JavaScript 会停止执行,并生成一个错误信息。使用 throw 语句 来创建自定义消息(抛出异常)。如果你将 throw 和 try 、 catch一起使用,就可以控制程序输出的错误信息。

语法

try {
    tryCode - 尝试执行代码块
}
catch(err) {
    catchCode - 捕获错误的代码块
} 
finally {
    finallyCode - 无论 try / catch 结果如何都会执行的代码块
}
           

参数值

参数 描述
tryCode 必须。检查是否有错误的代码块。
err 必须(如果使用 catch)。指定局部变量应用的错误。该变量可以引用 Error 对象 (包含发生的错误信息,如 "'addlert' 没有定义")。如果异常通过 throw 语句创建 , 该 变量引用了为在throw语句中指定的对象 (查看 "更多实例")
catchCode 可选。如果 try 语句发生错误执行的代码块。如果 try 语句没发生错误该代码不会执行。
finallyCode 可选。无论 try / catch 的结果如何都会执行。

嵌套使用:

function fn1(){
    try {
        fn2()
    } catch (error) {
        console.log(error) // 捕捉的是fn2的错误信息
    }
}
function fn2(){
    try {
        fn3() 
    } catch (error) { // 捕捉的是fn3的错误信息
        throw error // 抛出当前程序的错误信息
    }
}
function fn3(){
    try {
        a
    } catch (error) {
       throw error // 抛出当前程序的错误信息
    }
}

fn1();
// 运行结果:a is not defined
           

自定义输出错误信息,还是上面的例子

将fn2的throw error改成throw new Error(‘fn2 的异常信息’);

将fn3的throw error改成throw new Error(‘fn3 的异常信息’);

那么运行结果: fn2 的异常信息

fn2的throw error不变;

将fn3的throw error改成throw new Error(‘fn3 的异常信息’);

那么运行结果: fn3 的异常信息

上面的代码只针对同步的程序有效,那么异步的话要怎么捕获异常呢。接下来我们看下try catch 和异步结合使用

异步使用try catch

function api (){
    return new Promise((resolve,reject)=>{
        setTimeout(()=>{
            const random = parseInt(Math.random()*10);
            if(random<5){
                reject('该数字小于5哦!')
            }
        },2000)
    })    
}

async function getApi(){
    try {
        await api()
    } catch (error) {
        console.log(error)
    }
}

getApi();  // 当随机数计算的结果小于5的时候,会抛出 “该数字小于5哦!”
           

上面的方法由于api()返回的是Promise,所以调用的时候可以使用await等待api()执行. 程序中要是使用了await的话

对应的一定要使用async哦,使用了async的话,不管有没有使用await程序的返回结果都是promise;

async/await/promise的具体使用方法可以借鉴这篇文章:https://blog.csdn.net/sllailcp/article/details/78832343