JavaScript 错误 try catch throw 和 finally——0710

什么是JavaScript 错误？
当 JavaScript 引擎执行 JavaScript 代码时，会发生各种错误。当错误发生时，JavaScript 引擎通常会停止，并生成一个错误消息。

try 语句允许我们定义在执行时进行错误测试的代码块。
catch 语句允许我们定义当 try 代码块发生错误时，所执行的代码块。（JavaScript 语句 try 和 catch 是成对出现的。）
throw 语句创建自定义错误（正确的技术术语是：创建或抛出异常（exception））。异常可以是 JavaScript 字符串、数字、逻辑值或对象。
finally 语句在 try 和 catch 语句之后，无论是否有触发异常，该语句都会执行。

语法：

try {
    ...    //异常的抛出
} catch(e) {
    ...    //异常的捕获与处理
} finally {
    ...    //结束处理
}

e 参数是捕获到的错误

举例：

<p>不管输入的值是否正确，输入框都会清空</p>
<p>请输入5-10之间的数字:</p>
<input type="text" id="ipt"/>
<button id="btn">点我</button>
<div id="tishi"></div>

<script>
    var ipt = document.getElementById("ipt");
    var btn = document.getElementById("btn");

    btn.onclick = function () {
        var message = document.getElementById("tishi");
        message.innerHTML = "";
        var x = ipt.value;
        try {
            if (x == "")throw"值为空";
            if (isNaN(x))throw"输入的值不是数字";
            x = Number(x);
            if (x > 10)throw"值太大";
            if (x < 5)throw"值太小";
        }
        catch (err) {
            message.innerText = "错误：" + err + "。";
        }
        finally {
            ipt.value = "";
        }
    }
</script>

在实际应用中，异常处理的流程如下：

    //这里打开数据库
    try {
        //写的是可能出现异常的代码
        fun1();
        //访问数据库
    }
    catch (e) {
        console.log(e);
        //throw e;
        //自定义错误信息
        throw  new Error("函数不存在");
    }
    finally {
        //最终怎么处理
        console.log(1);
        //关闭数据库
    }