文章目录
  1. 1. 要会使用console对象
  2. 2. 要记住Error对象的六大错误语法
  3. 3. 要会使用try{}catch(err){}语句

作为一名合格的web前端开发工程师,调试程序的技能必不可少,那么我今天在这你介绍一些适合,刚刚入行的前端开发人员的一些方法.

要会使用console对象

console对象有很多的方法,这里我就不依依介绍了,我就介绍几个工作中非常实用的几个方法

  • console.log()

    1
    2
    3
    4
    for(var i=0;i<5;i++){
    console.log(i);//1,2,3,4,5
    }
    //从上面的程序可以看出来:console.log()就是可以将数值在控制台中显示出来,可以看到你想要的结果
  • console.count()

    1
    2
    3
    4
    5
    6
    function login(){ console.count("cev");}
    login();//1
    login();//2
    login();//3
    login();//4
    //从上面的程序可以看出来:console.count()的作用就是统计一个函数调用的次数
  • console.group()

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    console.group("我是第一组");
    console.log("1");
    console.log("2");
    console.log("3");
    onsole.groupEnd();
    console.group("我是第二组");
    console.log("1");
    console.log("2");
    console.log("3");
    console.groupEnd();
    //从上面的程序可以看出来:console.group()就是分组的意思,注意它必须配合 console.groupEnd()一起使用
  • console.dir()

    1
    2
    console.dir(document)//它可以将document所有的方法显示出来
    //从上面的程序可以看出来:console.dir()这个方法非常的强大,他可以将一个对象的全部方法显示出来
  • console.time()

    1
    2
    3
    4
    console.time();
    for(var i=0,j=0; i<100000;i++){j++;}
    console.timeEnd()
    //从上面的程序可以看出来:console.time()这个方法它可以检测网页的运行的速度,一般要配合console.timeEnd()使用

console对象还有一些方法,这里就不都说了,想要了解它,其他的方法请用如下代码:

1
2
3
for(var i in console){
document.write(i+"->>"+console[i]+"<br>");
}

要记住Error对象的六大错误语法

  • SyntaxError:如果在控制台中出现了这个单词表示:语法错误
  • ReferenceError:如果在控制台中出现了这个单词表示:引用错误 要找的变量为找到
  • TypeError:如果在控制台中出现了这个单词表示:类型错误,一般包括(错误的使用了类型,错误的调用了类型的方法)
  • RangeError:果在控制台中出现了这个单词表示:范围错误
  • UrlError:用的少,这里就不介绍了
  • EvalError:用的少,这里就不介绍了

要会使用try{}catch(err){}语句

1
2
3
4
5
6
7
8
9
10
11
12
13
14
这个语句表示捕获异常的意思
var a=parseFloat(prompt("请输入小数"));//输入12.56
var b=parseInt(prompt("请输入数字"));//输入-1
//当我输入-1时,我下面的try语句已近捕获到了错误的信息
try{
var fixd=a.toFixed(b);
document.write(fixd);
}catch(err){ //这里将错误的信息显示出来
alert(err); //错误的信息为范围错误信息
}
//前面虽然报错了,但是并不会影响我下面的程序运行,如果我不用try语句,他们他就报错,然后后面的语句就不执行了,短路了
document.write("我的程序是正常运行的");
注意:try语句最好用在,你不知道错误的情况下,如果你知道你的错误情况,就不要用try,用if语句代替.
文章目录
  1. 1. 要会使用console对象
  2. 2. 要记住Error对象的六大错误语法
  3. 3. 要会使用try{}catch(err){}语句