Javascript throw语句的实例分享

发布时间:2019-09-24编辑:脚本学堂
本文介绍下,有关javascript中throw语句的例子,有需要的朋友参考下。

在有关Javascript try...catch...语句的介绍中,分析了如何捕获系统抛出的错误。

在Javascript中可以自定义错误,并将错误信息抛出。

throw语句
throw 语句允许我们创建自定义错误。

正确解释:创建或抛出异常(exception)。

如果把 throw 与 try 和 catch 一起使用,那么您能够控制程序流,并生成自定义的错误消息。

throw语句

语法
throw exception
异常可以是 JavaScript 字符串、数字、逻辑值或对象。

来看下面这个例子,定义了一个除法计算函数,如果函数的被除数是0,则抛出异常。
在调用的时候配合try...catch...来处理:
 

复制代码 代码示例:

<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8" />
    <title>JavaScript thorw示例 - 脚本学堂-www.jb200.com</title>
    <script type="text/javascript">
        //触发运算
        function divsion(num1, num2) {
            if (num2 == 0) {
                throw "被除数不能为0";
            }
            return num1 / num2;
        }

        function btn_click() {
            var num1 = Number(document.getElementById("txtNum1").value);
            var num2 = Number(document.getElementById("txtNum2").value);
            try
            {
                var result = divsion(num1, num2);
                document.getElementById("txtResult").value = result;
            }
            catch (err) {
                alert(err);
            }
        }
    </script>
</head>
<body>
    <h1>JavaScript thorw示例 - <a href="http://www.jb200.com">脚本学堂-www.jb200.com</a></h1>
    <input type="text" value="6" id="txtNum1" />
    <span>÷</span>
    <input type="text" value="3" id="txtNum2" />
    <span>=</span>
    <input type="text" value="" id="txtResult" />
    <input type="button" value="计算" onclick="btn_click()" />
</body>
</html>