将多个参数传递给 console.log

Question

我有一个用条件包装 console.log 的实用程序函数，所以我们只有在开发环境中并且 console.log 存在时才调用 console.log：

/* Console log if environment has debug true or #debug initially passed in URL */
metro.conlog = (function () {
    return function (message) {
        if ((metro.siteData.debug || metro.hashOptions.hasOwnProperty('debug')) && window.console && message) {
            console.log(message);
        }
    };
}());

这对于普通的控制台日志非常有效。但我最近发现了将多个参数传递给 console.log 的乐趣：它允许您在控制台日志前加上一个字符串，因此console.log('DEBUG', object) 输出字符串和一个可扩展对象，您可以检查其属性。如何更改我的 conlog 函数来执行此操作？我试过注销所有这样的参数：

metro.conlog = (function () {
    return function (message) {
        if ((metro.siteData.debug || metro.hashOptions.hasOwnProperty('debug')) && window.console && message) {
            console.log(arguments);
        }
    };
}());

但这会将参数输出为一个数组，而不是使用 console.log 获得的简洁行。您可以在此屏幕截图中看到不同之处：

谁能告诉我如何重现原始日志输出？

Answer 1

当然可以，this 是一个演示，展示了如何完全满足您的需求，并添加了额外的选项。

代码如下：

var mylog = (function () {
    return {
        log: function() {
            var args = Array.prototype.slice.call(arguments);
            console.log.apply(console, args);
        },
        warn: function() {
            var args = Array.prototype.slice.call(arguments);
            console.warn.apply(console, args);
        },
        error: function() {
            var args = Array.prototype.slice.call(arguments);
            console.error.apply(console, args);
        }
    }
}());

var name = "Alex";
var arr = [1, 2, 3];
var obj = { a:1, b:2, c:3 };
var hello = function(msg){alert(msg);};
mylog.log("Name: ", name);
mylog.log("Window Debug: ", window);
mylog.error("Some error happened");
mylog.warn("Ahh... Warning", arr, obj);
mylog.log("more parameters: ", arr, obj, hello);

Answer 2

试试这样的

/* Console log if environment has debug true or #debug initially passed in URL */
metro.conlog = (function () {
    return function (message, object) {
        if ((metro.siteData.debug || metro.hashOptions.hasOwnProperty('debug')) && window.console && message) {
            console.log(message, object);
        }
    };
}());

其中message 类似于“DEBUG”，object 是您要检查的任何对象。

如果您希望能够将任意数量的参数传递给console.log，我建议使用arguments 变量。

/* Console log if environment has debug true or #debug initially passed in URL */
    metro.conlog = (function () {
        return function (message, object) {
            if ((metro.siteData.debug || metro.hashOptions.hasOwnProperty('debug')) && window.console && message) {
                console.log(arguments);
            }
        };
    }());

正如我在 cmets 中提到的，我不确定哪些浏览器完全支持这一点（我在看你的 IE）。

我已经测试并确认它可以在当前的 Chrome、FireFox 和 Safari 中运行。