/**
* 重写console.log方法
* 通过设置isLog来控制是否输出日志
* 对于object,array引用类型已进行深拷贝,确保打印出的值是执行时的值
* 重写后在整个程序的生命周期都有效,在程序的所有地方都可以调用
* 可在程序的第一行就调用,确保后续的console.log改写后的
* 如:vue在main.js中引入,小程序可在app.js第一行引入
* dev: isLog = true
* prod: isLog = false
* console.trace()为打印程序调用的堆栈,因为改写后打印的值是在改写后的堆栈中
* 如果觉得太长可设置isLogStack = false
*/
console.log = (function (logFunc, isLog = false, isLogStack = false) {
return function () {
if (!isLog) {
return
}
try {
let arr = []
arr.push(...arguments)
arr.forEach((item, index) => {
if (Object.prototype.toString.call(item) === '[object Object]' ||
Object.prototype.toString.call(item) === '[object Array]') {
arr[index] = JSON.parse(JSON.stringify(item))
}
})
logFunc.call(console, ...arr)
isLogStack ? console.trace() : null // 是否打印堆栈
} catch (e) {
console.log(`a log error: ${e}`)
}
}
})(console.log)
js重写console.log函数
最新推荐文章于 2024-04-05 16:15:47 发布