网创优客建站品牌官网
为成都网站建设公司企业提供高品质网站建设
热线:028-86922220
成都专业网站建设公司

定制建站费用3500元

符合中小企业对网站设计、功能常规化式的企业展示型网站建设

成都品牌网站建设

品牌网站建设费用6000元

本套餐主要针对企业品牌型网站、中高端设计、前端互动体验...

成都商城网站建设

商城网站建设费用8000元

商城网站建设因基本功能的需求不同费用上面也有很大的差别...

成都微信网站建设

手机微信网站建站3000元

手机微信网站开发、微信官网、微信商城网站...

建站知识

当前位置:首页 > 建站知识

JavaScript快速入门-07-异常处理与调试

7、异常处理与调试

7.1 异常处理

7.1.1 try/catch语句

    try/catch语句常用于处理JavaScript中的异常,其基本语法如下所示:

象山网站制作公司哪家好,找创新互联!从网页设计、网站建设、微信开发、APP开发、响应式网站建设等网站项目制作,到程序开发,运营维护。创新互联成立于2013年到现在10年的时间,我们拥有了丰富的建站经验和运维经验,来保证我们的工作的顺利进行。专注于网站建设就选创新互联

try {
   // 可能出错的代码
} catch(error){
   // 出错后,需要做的事
} finally{
  // 不管怎样,都要运行的语句
}

如果try块中有代码发生错误,则立即退出执行,并跳到catch块中,此时catch会接收到一个对象,该对象包含发生错误的相关信息。在catch块中不使用错误对象,也必须为它定义名称,其包含一个message属性。

    示例代码如下所示:

let a=12;

try {
    a/b
} catch (error) {
    console.error(`An error happend,please check,detail message is ${error.message}`); // An error happend,please check,detail message is b is not defined
} finally{
   console.log("run finally ");
}

    再来看看以下代码,返回值是多少?

function testTryCatchFinally(){
    try {
        return 0;
    } catch (error) {
        return 1;
    } finally{
        return 2;
    }
}

console.log(`return value is ${testTryCatchFinally()}`);  // return value is 2

在上面语句中,finally中的return返回会覆盖try中的return语句。

    常见的错误类型如下所示:

  • Error
  • InternalError
  • EvalError
  • RangeError
  • ReferenceError
  • SyntaxError
  • TypeError
  • URIError

7.1.2 抛出错误

    与try/catch 语句对应的一个机制是throw 操作符,用于在任何时候抛出自定义错误,throw 操作符必须有一个值,但值的类型不限。以下为示例:

throw "error"
throw 123
throw {"name":"Surpass"}
throw [1,2,3,4]
throw new Error("abc")

使用throw时,代码会立即停止运行

7.2 调试

    JavaScript用于调试的方法比较多,这里仅介绍把消息记录到控制台。所有主流浏览器都有JavaScript控制台,可用于查询JavaScript错误,也支持通过console对象直接把JavaScript消息写入控制台,主要包含以下方法:

  • error(message):在控制台中记录错误消息。
  • info(message):在控制台中记录信息性内容。
  • log(message):在控制台记录常规消息。
  • warn(message):在控制台中记录警告消息。

原文地址:https://www.jianshu.com/p/c806e

本文同步在微信订阅号上发布,如各位小伙伴们喜欢我的文章,也可以关注我的微信订阅号:woaitest,或扫描下面的二维码添加关注:


网站名称:JavaScript快速入门-07-异常处理与调试
当前链接:http://bjjierui.cn/article/dsojghh.html

其他资讯