V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
推荐关注
Meteor
JSLint - a JavaScript code quality tool
jsFiddle
D3.js
WebStorm
推荐书目
JavaScript 权威指南第 5 版
Closure: The Definitive Guide
haozhang
V2EX  ›  JavaScript

JS 中 console.log 的问题。

  •  
  •   haozhang · 2015 年 5 月 5 日 · 7273 次点击
    这是一个创建于 3904 天前的主题,其中的信息可能已经有所发展或是发生改变。

    今天突然想到用个变量去指向console.log于是:
    var log = console.log;
    log(1);

    但是出现了如下错误:
    Uncaught TypeError: Illegal invocation

    是浏览器的内置console.log不能手动的指向她?

    16 条回复    2015-05-06 23:23:21 +08:00
    soulteary
        1
    soulteary  
       2015 年 5 月 5 日   ❤️ 1
    顺手答,不谢: https://github.com/soulteary/debug.js

    当然,你也可以简单的定义window.console = window.console || {log:function(){...}, ...}
    haozhang
        2
    haozhang  
    OP
       2015 年 5 月 5 日
    @soulteary 可是这样子干的话。。console出来的line number是自定义的log函数的地方而不是使用log函数的地方。。。看起来有点累。
    tonyluj
        3
    tonyluj  
       2015 年 5 月 5 日
    这样也好:
    var log = function(msg) { console.log(msg); }
    haozhang
        4
    haozhang  
    OP
       2015 年 5 月 5 日
    @soulteary 而且window.console = window.console这是在干嘛...
    haozhang
        5
    haozhang  
    OP
       2015 年 5 月 5 日
    @tonyluj 一开始我是这么干的...但是console出来的代码line number是定义这个log函数的line number而不是调用log函数的地方,看console信息非常难受,不能第一时间看到出错的地方
    ibigbug
        7
    ibigbug  
       2015 年 5 月 5 日   ❤️ 4
    ```
    var log = console.log.bind(console)
    log(123)
    ```

    这样就好了呀
    haozhang
        8
    haozhang  
    OP
       2015 年 5 月 5 日
    @ibigbug 正解啊,像我那样调用的话scope是window而不是console了。
    haozhang
        9
    haozhang  
    OP
       2015 年 5 月 5 日
    @ibigbug 不是scope而是this...,多谢了。
    haozhang
        10
    haozhang  
    OP
       2015 年 5 月 5 日
    @tonyluj XD,看7L的解决办法,一个字6。
    tonyluj
        11
    tonyluj  
       2015 年 5 月 5 日
    @haozhang 我自己之前封装log的时候,还需要加一些其他业务逻辑,不方便之处就是行号显示不对。这样的话貌似只是改了个名字~
    magicdawn
        12
    magicdawn  
       2015 年 5 月 5 日
    log = console.log

    然后调用不对,可能内部实现,是依赖this值的,log单独调用时this指向不对...

    在node上就没有这个问题,console.log.toString() 显示的是native code
    haozhang
        13
    haozhang  
    OP
       2015 年 5 月 5 日
    @tonyluj 对啊,要用lineNumber的话必须是Error,但我只是想log一下而已..
    haozhang
        14
    haozhang  
    OP
       2015 年 5 月 5 日
    @magicdawn 对的,内部的this本来是指向console的,我直接在全局调用的话,this就是window了,所以出错了。
    otakustay
        15
    otakustay  
       2015 年 5 月 6 日
    同样的
    var g = document.getElementById;
    g('foo');
    也是不行的
    ibigbug
        16
    ibigbug  
       2015 年 5 月 6 日
    @haozhang this 还是 console,因为 bind 了
    关于   ·   帮助文档   ·   自助推广系统   ·   博客   ·   API   ·   FAQ   ·   Solana   ·   2924 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 27ms · UTC 13:54 · PVG 21:54 · LAX 05:54 · JFK 08:54
    ♥ Do have faith in what you're doing.