建站学 - 轻松建站从此开始!

建站学-个人建站指南,网页制作,网站设计,网站制作教程

console.log的作用

时间:2019-07-25 16:10来源:未知 作者:yang 点击:
console.log() 语法: console.log(内容); 作用: 将内容输出在控制台中,方便以后的调试,是一个使用频率极高的功能。(控制台在浏览器中按F12,打开开发者模式的第二项(console)即可,并且也可以在console选项卡下即时做测试) 与alert()方法比较: 在al
console.log()
 
语法:console.log("内容");
 
作用:将"内容"输出在控制台中,方便以后的调试,是一个使用频率极高的功能。(控制台在浏览器中按F12,打开开发者模式的第二项(console)即可,并且也可以在console选项卡下即时做测试)

与alert()方法比较:
 
  在alert()弹窗出现时,后续的脚本是阻塞的。这意味着,如果你需要做一个数值比较大的循环的时候,它不会一瞬间执行完,你必须要点掉弹出窗口后,它再继续执行,这测试效率是相当低的。
 
  alert()会将所有内容隐式转换为字符串型(即toString()),这会输出开发者不可预料的内容,例如使用alert()输出对象型:

var a = {
    myNum:1,
    myArr:[1,2,3]
};
alert(a);

 你本希望能得到对象a中的键值对内容,但alert()只会输出[object,Object]。
 
  综上所述,一般开发时都使用console.log()方法来调试而非alert()。
 
用例:

console.log(parseInt(Math.random()*10));//和alert一样该方法也可以运算

console.log(a);//前文中的对象a(得到的是键值对内容)

for(var i = 0; i < 6; i++){
    console.log(i);
}//循环5次每次输出i的数值。在控制台会瞬间出现5个数,相比alert()要方便得多

(责任编辑:yang)
织梦二维码生成器
顶一下
(0)
0%
踩一下
(0)
0%
------分隔线----------------------------
发表评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
评价:
表情:
用户名: 验证码:点击我更换图片