对console.log的一种封装

关于一个迥殊喜好用console.log来调试代码的人来讲,console.log的一些坑和console.log的细致用法确实是一件值得穷究的事。

先纪录一下console.log的一些坑:
1.关于援用对象,比方Array和Object,打印出来的内容多是当前在内存里的内容,而不是打印的谁人时候的内容
2.关于一个大型项目而言,假如console.log过量,治理满屏的console.log是一件很恐惧的事,由于你极可能找不到想要的信息

针对题目1,假如你照样要用console.log来debug,那末这是不可避免的。
解决方法1:转变习气,以后用断点的体式格局调试。
解决方法2:运用JSON.stringify把对象变成字符串打印

本文重要针对【题目2】供应了一个解决方案。代码以下

let consoleVersion = [1000, 1001];

let emptyFunc = function(){}

let _log = function(version){
    if(consoleVersion.includes(version)){
        return console.log;
    }else{
        return emptyFunc;
    }
}

运用体式格局

log(1000)('显现1');
log(1001)('显现2');
log(1002)('不会显现1');
log(1003)('不会显现2');

道理是经由过程consoleVersion数组治理打印的内容,比方本日我须要调试登录模块
我们纪录登录模块的console.log的调试内容为1001,那末一切的登录模块的打印都运用如许的体式格局打印

log(1001)('登录模块调试1');
log(1001)('登录模块调试2');
log(1001)('登录模块调试3');
log(1001)('登录模块调试4');
log(1002)('其他模块调试1');

然后设置

consoleVersion = [1001];

如许只会打印:
登录模块调试1
登录模块调试2
登录模块调试3
登录模块调试4

不会打印其他内容

    原文作者:aaron_lawliet
    原文地址: https://segmentfault.com/a/1190000018080741
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞