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
。
+ ---
我正在寻找一种解决方案,我将来可以应用于所有函数(为函数创建代理,保持参数的处理完好无损)。如果无法做到这一点,我会接受console.log
具体答案。
答案 0 :(得分:84)
应该这样做..
function log() {
if(typeof(console) !== 'undefined') {
console.log.apply(console, arguments);
}
}
只需添加其他选项(使用spread运算符和rest参数 - 尽管arguments
可以直接与展开一起使用)
function log(...args) {
if(typeof(console) !== 'undefined') {
console.log(...args);
}
}
答案 1 :(得分:8)
html5boilerplate代码中有一个很好的示例,它以类似的方式包装console.log,以确保您不会破坏任何无法识别它的浏览器。它还添加了历史记录并平滑了console.log实现中的任何差异。
它是由保罗爱尔兰人开发的,他已在其上写了一篇文章here。
我已粘贴下面的相关代码,这是项目中文件的链接: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={};}})());
答案 2 :(得分:3)
是
console.log.apply(null,arguments);
虽然,你可能需要循环遍历arguments对象并从中创建一个常规数组,但除此之外你也是如此。