JavaScript异常捕获

时间：2023-12-26 21:57:31

理论准备

★   异常捕获

△ 异常：当JavaScript引擎执行JavaScript代码时，发生了错误，导致程序停止运行；

△ 异常抛出：当异常产生，并且这个异常生成一个错误信息；

△ 异常捕获：

  1. try{
  2. （测试）发生异常的代码块;
  3. }catch(err){//捕获异常信息err
  4. 对错误信息处理;
  5. }
  △ throw 语句：通过throw语句创建一个自定义错误提示信息；
示例1  输出一个未定义的变量
  1. /*实现方法一*/
  2. /*function ExceptionCapture() {
  3. try {
  4. alert(str); //测试一个未经定义的变量str
  5. } catch (err) {
  6. alert(err);
  7. }
  8. }
  9. ExceptionCapture(); //调用函数*/
  11. /*实现方法二*/
  12. (function ExceptionCapture(){
  13. try{
  14. alert(str);//测试一个未经定义的变量str
  15. }catch(err){
  16. alert(err);
  17. }
  18. }());//函数的自我调用
示例2  测试输入框
  1. <h2>JS中的异常捕获</h2>
  2. <hr/>
  4. <mark>确保输入框内有内容，否则提交会弹出提示窗口</mark>
  5. <br/>
  6. <input type="text" id="txt">
  7. <button onclick="demo()">Submit</button>
  9. <script>
  10. function vertifyData(){
  11. var a = document.getElementById("txt").value;
  12. if(a ==""){
  13. alert("Please input something\n来自调用函数");
  14. /*利用\n实现弹窗提示内容换行*/
  15. }
  16. }
  17. function demo(){
  18. try{
  19. vertifyData();
  20. throw"你为输入内容\n来自throw的自定义信息";
  21. }catch(err){
  22. alert(err);
  23. }
  24. }
☢注意点
try语句块中的代码无论是否有错误都会执行，而catch中的代码块则只会在有错误时才会触发；
   ========================================================

相关文章