欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

分享JavasScript 简单错误总结 错误调试

程序员文章站 2022-04-21 20:17:34
...

分享JavasScript 简单错误总结 错误调试,是本人在学习过程中做的笔记总结

错误总结

  1. 判断语句时if(x=0)与(x==0)还有(x===0)是不一样的
    x=0是负值0为flase,如果x=10就是true了。
    x==0是判断不过他会自动转换类型 x='10'与x=10是一样的
    x===10必须类型相同才判断

  2. 加法与连接运算符是不一样的
    x='10' y=5;
    x+y 这时候等于105;

  3. 字符串分行

     var x = "Hello
     World!";

    上面这样分行是会报错的

     var x = "HelloWorld!";

    这是正确的
    也可以这样,加个反斜杠

     var x = "Hello\
     World!";
  4. 分号忘写或者写错

  5. return 之后换行 结果没有返回值

  6. 数组中使用名字来做索引,数组只能用数字来做索引

  7. 定义数组 对象 最后不能加逗号

  8. Undefined 不是 Null

  9. 程序块作用域需要注意

    JavaScript 错误

    当 JavaScript 引擎执行 JavaScript 代码时,会发生各种错误。
    可能是语法错误,通常是程序员造成的编码错误或错别字。
    可能是拼写错误或语言中缺少的功能(可能由于浏览器差异)。
    可能是由于来自服务器或用户的错误输出而导致的错误。
    当然,也可能是由于许多其他不可预知的因素。

    JavaScript 抛出(throw)错误

    当错误发生时,当事情出问题时,JavaScript 引擎通常会停止,并生成一个错误消息。
    描述这种情况的技术术语是:JavaScript 将抛出一个错误。

    JavaScript try 和 catch

    try 语句允许我们定义在执行时进行错误测试的代码块。
    catch 语句允许我们定义当 try 代码块发生错误时,所执行的代码块。
    JavaScript 语句 trycatch 是成对出现的。

    try {

     //在这里运行代码

    } catch(err) {

     //在这里处理错误

    }
    栗子

    ar txt="";
    function message()
    {

       try {
           adddlert("Welcome guest!");
       } catch(err) {
           txt="本页有一个错误。\n\n";
           txt+="错误描述:" + err.message + "\n\n";
           txt+="点击确定继续。\n\n";
           alert(txt);
       }

    }
    message();

分享JavasScript 简单错误总结 错误调试

结果图

Throw 语句

throw 语句允许我们创建自定义错误。
正确的技术术语是:创建或抛出异常(exception)。
如果把 throw 与 try 和 catch 一起使用,那么您能够控制程序流,并生成自定义的错误消息。
语法

 throw *exception*

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

    <!doctype html>
    <html>
    <head>
    <meta charset='UTF-8' />
    <title>js异常</title>
    </head>
    <body>
        <input type="text" id="id"/><br/><button onclick="myfunc()">判断</button>
        <p id="mess"></p>
    <script type="text/javascript">
    function myfunc(){
     try {
         var x=document.getElementById('id').value;
        if (x=="") throw"值为空";
            if (isNaN(x)) throw"值不是数字";
                if (x<100) throw"值太小";
                    if (x>200) throw"值太大";
     } catch (e) {
         var y=document.getElementById('mess');
        y.innerHTML="错误:"+e+".";
     } finally {
         alert("这个一定会触发,不管有没有错,catch与finally可以任选一个写也可以全写,不能不写");
     }
    }
    </script>
    </body>
    </html>

分享JavasScript 简单错误总结 错误调试

效果图

以上就是分享JavasScript 简单错误总结 错误调试的详细内容,更多请关注其它相关文章!