问答

javascript的console.log封装问题

作者:admin 2021-05-09 我要评论

各位大神好: 小弟想通过封装js的console.log方法来达到自定义的效果,比如我写了一个Log的类,在里面执行console.log方法,但是我在A类调用这个方法的时候,输出...

在说正事之前,我要推荐一个福利:你还在原价购买阿里云、腾讯云、华为云服务器吗?那太亏啦!来这里,新购、升级、续费都打折,能够为您省60%的钱呢!2核4G企业级云服务器低至69元/年,点击进去看看吧>>>)

各位大神好:
小弟想通过封装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 。
求助

###

?

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

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

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

image.png

###

`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的效果呢

版权声明:本文转载自网络,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。本站转载出于传播更多优秀技术知识之目的,如有侵权请联系QQ/微信:153890879删除

相关文章
  • grom设置json默认值

    grom设置json默认值

  • Vue路由报错,看着没问题

    Vue路由报错,看着没问题

  • 思否邮箱登录为什么区分大小写了呢?

    思否邮箱登录为什么区分大小写了呢?

  • 有没有能够直接上传markdown文件作为博

    有没有能够直接上传markdown文件作为博

腾讯云代理商
海外云服务器