javascript的console.log封装问题

Question

各位大神好:
小弟想通过封装js的console.log方法来达到自定义的效果，比如我写了一个Log的类，在里面执行console.log方法，但是我在A类调用这个方法的时候，输出的文件名和行号不是A类的，而是Log这个类的，这样一来所有的调用都显示Log类的类名和行号，非常不方便，求解，怎们能显示调用的类名和行号。js和ts我试了很多方法就是不行。求助

是这样的，我自定义了一个Log.ts类,用ts写的

class Log{
    i(data:string){
        console.log(data);
    }
}

我自己写了一个A.ts类

class A{
    fun(){
        //在这里调用Log输出
        let log = new Log();
        log.i("这是日志内容");
    }
}

理论上在控制台要显示为 A.ts:5 这样才对。
但是实际显示是 Log.ts:3 ，所有的打印都显示日志类的名称和行号
我希望能显示 A.ts:5 。
求助

Answer 1

?

class Log {
    constructor() {
        this.i = console.log.bind(this, "123");
    }
}

Answer 2

这个问题其实你可以通过其他方式来解决。你的这个问题应该和使用 Fundebug 干扰问题一样。

https://docs.fundebug.com/not...

Answer 3

`constructor() {

this.i = console.log.bind(this);

}

i(...data: any[]): void {

console.log("到这了");

}`
这个写法确实可以。但是i方法里面本身的这条console就不会执行了。
把this.i = console.log.bind(this);取消了，i方法里的console才会执行,
怎么样既可以执行到i里面，有能保证bind的效果呢