使用模板文字的Javascript ES6 console.log对象

rob*_*ert 7 javascript ecmascript-6 template-literals

我有简单的对象,我想在控制台中显示

var obj = { name: 'John', age: 22 }
Run Code Online (Sandbox Code Playgroud)

如果我输入:

console.log(obj)
Run Code Online (Sandbox Code Playgroud)

对象{name:"John",年龄:22}

如果我输入:

console.log('my object is: ' + obj)
Run Code Online (Sandbox Code Playgroud)

我的对象是:[object Object]

console.log('my object is: %o', obj)
Run Code Online (Sandbox Code Playgroud)

我的对象是:对象{name:"John",年龄:22}

如何使用模板文字实现此目的?

如果我输入:

console.log(`my object is: ${obj}`)
Run Code Online (Sandbox Code Playgroud)

我的对象是:[object Object]

Nin*_*olz 18

您可以使用序列化对象JSON.stringify.

var obj = { name: 'John', age: 22 };
console.log(`my object is: ${JSON.stringify(obj)}`);
Run Code Online (Sandbox Code Playgroud)