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-05-05 21:27:42 +08:00 · 6873 次点击
    这是一个创建于 3280 天前的主题,其中的信息可能已经有所发展或是发生改变。

    今天突然想到用个变量去指向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-05-05 21:30:56 +08:00   ❤️ 1
    顺手答,不谢: https://github.com/soulteary/debug.js

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

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

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

    在node上就没有这个问题,console.log.toString() 显示的是native code
    haozhang
        13
    haozhang  
    OP
       2015-05-05 22:37:48 +08:00
    @tonyluj 对啊,要用lineNumber的话必须是Error,但我只是想log一下而已..
    haozhang
        14
    haozhang  
    OP
       2015-05-05 22:38:39 +08:00
    @magicdawn 对的,内部的this本来是指向console的,我直接在全局调用的话,this就是window了,所以出错了。
    otakustay
        15
    otakustay  
       2015-05-06 11:30:31 +08:00
    同样的
    var g = document.getElementById;
    g('foo');
    也是不行的
    ibigbug
        16
    ibigbug  
       2015-05-06 23:23:21 +08:00
    @haozhang this 还是 console,因为 bind 了
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   我们的愿景   ·   实用小工具   ·   1858 人在线   最高记录 6543   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 25ms · UTC 16:17 · PVG 00:17 · LAX 09:17 · JFK 12:17
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.