【JS】log输出打印日志所在代码行数

其实有人发过:【JS】console.log输出打印日志所在代码行数_Tikeee的博客-CSDN博客

但是这个代码看上去有点莫名其妙,直接复制过来也没法运行,所以我自己研究了一下,重新写了代码。

//说明:替代系统本身的log函数,可以附带log命令所在行数信息
function getStackTrace() {
    var obj = {};
    Error.captureStackTrace(obj, getStackTrace);
    return obj.stack;   
};
function log(data) {	
    var stack = getStackTrace() 
    //console.log(stack)    //有兴趣可以用这行命令查看下完整显示的信息
    stack = stack.match(/js:\d+/gm)[1]  //stack中的第二行是正确信息
    stack = stack.slice(stack.indexOf("js:")+3,stack.length) 
    console.log("<" + "第" + stack + "行> " + data)
}

//一下为函数演示部分
log("输出1")
fun1()


function fun1(){
    fun2()
}
function fun2(){
    log("输出2")
}

运行结果展示:

【JS】log输出打印日志所在代码行数_第1张图片

 

 

你可能感兴趣的:(javascript,前端,开发语言)