第二天：函数异常抛出

Posted 2020-07-22 fenr9

知识点1：通过try....catch...来捕获异常
<script>
 // var str="hello";   没有这一句时，运行或弹出提示框：内容是 str未定义
  function demo(){
   try{
     alert(str);
   }catch (err){
     alert(err);
   }
  }
  demo();

</script>

ps：try{}内的语句一定会执行，有错误时才会去执行catch{}中的语句

知识点2：通过throw抛出异常  

<form>
  <input id="txt" type="text">
  <input id="btn" type="button" onclick="demo()" value="按钮">
</form>

<script>

  function demo(){

    var e = document.getElementById("txt").value;
    try {
      if (e == "") {
        throw"第一个用户输入错误==空";
      }
    }catch(err){
      alert(err);
    };
  }
  demo();

</script>

运行结果：
1）点击“按钮”，弹出框内容：第一个用户输入错误==空
2）输入内容后，点击“按钮”，没提示