关于javascript中console.log的一点技巧
2016-12-20 09:12
405 查看
Javascript中的console.log处理
0.
对于JavaScript程序的调试,相比于alert(),使用console.log()是一种更好的方式,原因在于:alert()函数会阻断JavaScript程序的执行,从而造成副作用;而console.log()仅在控制台中打印相关信息,因此不会造成类似的顾虑
1.
兼容没有调试控制台的浏览器
对于缺少调试控制台的老版本浏览器,window中的console对象并不存在,因此直接使用console.log()语句可能会在浏览器内部造成错误(空指针错误),并最终导致某些老版本浏览器的崩溃。为了解决这一问题,可以人为定义console对象,并声明该console对象的log函数为空函数;
这样,当console.log()语句执行时,这些老版本的浏览器将不会做任何事情:
2.
当然地,还可以定义一个变量,如DEBUG,然后可以这样写
3.
![](https://oscdn.geek-share.com/Uploads/Images/Content/201612/530beb7a5d4150c92bf286c2cf167288)
4.
![](https://oscdn.geek-share.com/Uploads/Images/Content/201612/fb2ad9339e9571dc3b5db12770f5c212)
0.
对于JavaScript程序的调试,相比于alert(),使用console.log()是一种更好的方式,原因在于:alert()函数会阻断JavaScript程序的执行,从而造成副作用;而console.log()仅在控制台中打印相关信息,因此不会造成类似的顾虑
1.
兼容没有调试控制台的浏览器
对于缺少调试控制台的老版本浏览器,window中的console对象并不存在,因此直接使用console.log()语句可能会在浏览器内部造成错误(空指针错误),并最终导致某些老版本浏览器的崩溃。为了解决这一问题,可以人为定义console对象,并声明该console对象的log函数为空函数;
这样,当console.log()语句执行时,这些老版本的浏览器将不会做任何事情:
if(!window.console){ window.console = {log : function(){}}; }
2.
当然地,还可以定义一个变量,如DEBUG,然后可以这样写
if (DEBUG === true && window.console) { console.log(that.selectedTypeNameArr); console.log(that.selectedTypeIdArr); }
3.
4.
相关文章推荐
- JavaScript调试技巧之console.log()详解
- JavaScript调试技巧之console.log()详解
- JavaScript调试技巧之console.log()详解
- JavaScript调试技巧之console.log()详解
- JavaScript调试技巧之console.log()详解
- JavaScript调试技巧之console.log()详解
- JavaScript调试技巧之console.log()详解
- JavaScript调试技巧之console.log()详解--2015-08-07
- JavaScript调试技巧之console.log()详解
- JavaScript调试技巧之console.log()详解
- JavaScript调试技巧之console.log()
- JavaScript调试技巧之console.log()详解
- JavaScript调试技巧之console.log()详解
- JavaScript调试技巧之console.log()详解
- javascript 引用类型console.log调试 技巧
- JavaScript调试技巧之console.log()详解
- JavaScript调试技巧之console.log()详解
- JavaScript调试技巧之console.log()详解
- JavaScript调试技巧之console.log()详解
- JavaScript调试技巧之console.log()详解