javascript - 控制台返回 [Object object] 而不是对象成员

Question

我试图为自己构建一个小函数，以使用 JavaScript 简单地登录到控制台。但出于某种原因，它不记录对象的属性，只记录所记录对象的类型 ([Object object].

<!-- language: lang-js -->

var randomObject = {

    fistname:"peter"
};

function log(message,color){

    var color = color || "green";

    console.log("%c" + message, "color:" + color + ";font-weight:bold; font-family:'Helvetica Neue'");

}

log(randomObject);

我很感激任何帮助/解释

Answer 1

您正在通过连接将对象转换为字符串，

"color:" + color .....

当您尝试这样做时，对象 的原始 值将被返回并与目标字符串连接。

如果您想以字符串格式打印对象，请使用 JSON.stringify(color)。

console.log("%c" + message, "color:" + JSON.stringify(color) + ";font-weight:bold; font-family:'Helvetica Neue'");