Przekazywanie argumentów do pliku console.log jako argumentów pierwszej klasy za pośrednictwem funkcji proxy

Question

console.log pobiera nieokreśloną liczbę argumentów i zrzuca ich zawartość w jednym wierszu.

Czy istnieje sposób, aby napisać funkcję, która przekazuje argumenty przekazywane bezpośrednio do console.log w celu zachowania tego zachowania? Na przykład:

function log(){ 
    if(console){ 
     /* code here */ 
    } 
} 

To nie byłoby takie samo jak:

function log(){ 
    if(console){ 
     console.log(arguments); 
    } 
} 

Od arguments jest tablicą i console.log zrzuci zawartość tej tablicy. Nie będzie to samo, co:

function log(){ 
    if(console){ 
     for(i=0;i<arguments.length;console.log(arguments[i]),i++); 
    } 
} 

Ponieważ to spowoduje wydrukowanie wszystkiego w różnych wierszach. Chodzi o zachowanie zachowania console.log, ale poprzez funkcję proxy log.

+ ---

Szukałem rozwiązania mógłbym zastosować do wszystkich funkcji w przyszłości (utworzyć proxy dla funkcji prowadzącego obsługę argumentów nienaruszone). Jeśli jednak nie da się tego zrobić, przyjmuję konkretną odpowiedź: console.log.

Answer 1

To powinno wystarczyć ..

function log() { 
    if(typeof(console) !== 'undefined') { 
     console.log.apply(console, arguments); 
    } 
} 

---

Wystarczy dodać inną opcję (pomocą operatora spread i parametry rest - chociaż arguments mogą być wykorzystane bezpośrednio z rozprzestrzenianiem)

function log(...args) { 
    if(typeof(console) !== 'undefined') { 
     console.log(...args); 
    } 
} 

Answer 2

Tak.

console.log.apply(null,arguments); 

Chociaż, być może trzeba pętli argumenty obiekt i stworzyć regularną tablicę z nim, ale poza tym to w jaki sposób to zrobić.

Answer 3

Istnieje dobry przykład z kodu html5boplateplate, który otacza console.log w podobny sposób, aby upewnić się, że nie zakłócisz pracy przeglądarek, które go nie rozpoznają. Dodaje również historię i wygładza wszelkie różnice w implementacji console.log.

Został opracowany przez Paula Irish'a i napisał na nim post here.

I wklejeniu odpowiedniego kodu poniżej, tu jest link do pliku w projekcie: https://github.com/h5bp/html5-boilerplate/blob/master/js/plugins.js

// usage: log('inside coolFunc', this, arguments); 
// paulirish.com/2009/log-a-lightweight-wrapper-for-consolelog/ 
window.log = function(){ 
    log.history = log.history || []; // store logs to an array for reference 
    log.history.push(arguments); 
    if(this.console) { 
    arguments.callee = arguments.callee.caller; 
    var newarr = [].slice.call(arguments); 
    (typeof console.log === 'object' ? log.apply.call(console.log, console, newarr) : console.log.apply(console, newarr)); 
    } 
}; 

// make it safe to use console.log always 
(function(b){function c(){}for(var d="assert,count,debug,dir,dirxml,error,exception,group,groupCollapsed,groupEnd,info,log,timeStamp,profile,profileEnd,time,timeEnd,trace,warn".split(","),a;a=d.pop();){b[a]=b[a]||c}}((function(){try {console.log();return window.console;}catch(err){return window.console={};}})());