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();
结果图

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>
效果图
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 1. Java基础部分 基础部分的顺序:基本语法,类相关的语法,内部类的语法,继承相关的语法,异常的语法,线程的语...
    子非鱼_t_阅读 31,839评论 18 399
  • 一. Java基础部分.................................................
    wy_sure阅读 3,870评论 0 11
  • 简介:JavaScript 是脚本语言,是一种轻量级的编程语言,是可插入 HTML 页面的编程代码, 插入 HTM...
    夜幕小草阅读 1,147评论 0 29
  • 一、 我其實是一個挺念舊的人,總喜歡回頭看。看那些泛黃的往昔,看那些芬芳的歲月。我知道沉淪在回憶中是一種病態的人生...
    枫_岚阅读 178评论 0 0
  • 查看此项目的:视频开发教程 喜欢逛GitHub的小伙伴都知道,它有个查看最热项目的功能叫trending,但这个功...
    CrazyCodeBoy阅读 45,023评论 75 893