将parameter passing给console.log作为通过代理函数的第一类参数
console.log
接受一个未指定数量的参数并将其内容转储到一行中。
有没有一种方法可以编写一个函数,将传递给它的参数直接传递给console.log
以维持该行为? 例如:
function log(){ if(console){ /* code here */ } }
这不会是一样的:
function log(){ if(console){ console.log(arguments); } }
由于arguments
是一个数组, console.log
将转储该数组的内容。 也不会是一样的:
function log(){ if(console){ for(i=0;i<arguments.length;console.log(arguments[i]),i++); } }
因为这将打印不同的行。 重点是维护console.log
的行为,但通过代理函数log
。
+ —
我正在寻找一个解决scheme,我可以应用到所有function在将来(创build一个函数的代理保持参数的处理完好)。 如果不能这样做,我会接受一个console.log
特定的答案。
这应该做的..
function log(){ if(typeof(console) !== 'undefined') console.log.apply(console, arguments); } }
以类似方式包装console.log的html5boilerplate代码有一个很好的例子,以确保不会中断任何不识别它的浏览器。 它还添加了历史logging,并平滑了console.log实现中的任何差异。
它由Paul Irish开发,他在这里写了一篇文章。
我已经粘贴了下面的相关代码,下面是该项目中文件的链接: 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={};}})());
是。
console.log.apply(null,arguments);
虽然,您可能需要遍历参数对象并从中创build一个常规数组,但除此之外就是这样。