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

Question

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

var obj = { name: 'John', age: 22 }

如果我输入：

console.log(obj)

对象 { 名称：“约翰”，年龄：22 }

如果我输入：

console.log('my object is: ' + obj)

我的对象是：[对象对象]

console.log('my object is: %o', obj)

我的对象是：对象 { 名称：“约翰”，年龄：22 }

如何使用模板文字来实现这一点？

如果我输入：

console.log(`my object is: ${obj}`)

我的对象是：[对象对象]

Answer 1

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

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

Answer 2

控制台.log My object is: ${obj};

灰色部分的两端都有波浪号（`），但格式正在删除它们

Answer 3

var obj = { name: 'John', age: 22 }
log`This is obj: ${obj}`

function log(strings, ...values) {
   console.log(strings.reduce((p, c, i) => 
        `${p}${c}${values[i]?JSON.stringify(values[i]):''}`, ''));
}