ログと呼ばれるときにChromeがconsole.logを認識しない

Question

すべてのプログラマと同様に、私は怠け者です。だから私のutils.jsにシンプルなラインがあります：

window.log = console.log 

これはFirefoxので正常に動作しますが、それは小さな男の子のようなクロームの叫びになります。私はconsole.logと書く必要があります。

提案がありますか？そして、あなたを

window.log = console.log 
log('pancakes') 

：

Answer 1

Chromeのconsole.logは明らかにあなたがこれを行う場合はそうである何thisに注意を払って含まれている機能としてwindow.log定義する必要がありますあなたの努力のために "TypeError：Illegal invocation"例外以上のものは何も得られません。あなたは以下のようなものを適切なコンテキストを強制する場合は、：

log.apply(console, 'pancakes') 

を、あなたは、コンソールであなたのpancakesを取得します。そのため、怠け者になりたいと思って、ちょうどlogと言う場合、関数内にconsole.logをラップする必要があります。console.logの実装を適切なコンテキストで呼び出す必要があります。

しかし、ちょうどwindow.log = (x) -> console.log(x)は正しくありません。console.logは可変的な機能です。

window.log = -> console.log.apply(console, arguments) 

や知識をひけらかすことにする、argumentsではないので、配列とFunction#applyは通常の方法で本当のアレイに配列、「キャスト」argumentsを期待：

window.log = -> console.log.apply(console, Array::slice.call(arguments)) 

より良い実装はこのことでしょう

これはどこでも同じように動作し、variadicの性質をconsole.logに保ちます。私はあなたがそのペナントでなければならないとは思っていません。ちょうどargumentsを送って、それが配列であると偽っては大丈夫です。また[].sliceとargumentsものの短い形式としてCoffeeScript splatsを使用することができます。

window.log = (args...) -> console.log(args...) 

あなたはそれのJavaScriptバージョンを見れば、あなたはそれが変装しsliceとargumentsものであることがわかります。

もちろん

あなたはプレーンなJavaScriptを使用している場合、これらのいずれかが動作します：

window.log = console.log.bind(console) 

：

window.log = function() { console.log.apply(console, arguments) }; 
window.log = function() { console.log.apply(console, Array.prototype.slice.call(arguments)) }; 

別のオプションはconsoleのコンテキストで呼び出されるlogを強制的にFunction#bindを使用することです

すべてのブラウザがbindをサポートしているわけではありません。

Answer 2

あなたがにconsole.log

window.log = function(x) { console.log(x); }