是否可以在Chrome控制台中显示对象的内容？

Question

我有一行，我希望将其输出到控制台，但是会得到object [object]的类型。

  console.log(`%c ${args[args.length-1]} ${performance['now'](true, args[args.length-1])} [(${args.slice(0, args.length-1)} *) ${message}]`, 'color:' + color)

是否可以标榜对象的内容？

console.log(`%c ${args[args.length-1]} ${performance['now'](true, args[args.length-1])} [(${args.slice(0, args.length-1)} *) ${message}]`, 'color:' + color)

Answer 1

您正在将这些对象编码为字符串。相反，您可以将值直接传递到console.log以便对该数据进行丰富的探索。

var a = { a: 123 }
var b = { b: 456 }
console.log('string', a, b)

结果：

请注意，您的颜色标记仅在显示字符串时有效，因为对于对象，控制台使用它自己的显示方式，以便控制台可以进行语法突出显示，显示/隐藏属性以及其他有用的交互