如何 console.log 同一字符串中的对象定义和文本?

How to console.log an object definition and a text in same string?

我有这个 JavaScript 代码:

console.log(obj);// [query: "wordOfTheDay"]
console.log(note + " : " + obj ); // obj does not show up

我想让 "obj" 显示在与 "note" 相同的字符串中,无论它是什么类型。

例如:

console.log("text sample : " + obj ); // text sample : [query: "wordOfTheDay"]

谢谢!

你可以使用

console.log(note, obj);

console.log accepts any number of parameters,因此只需将每个片段作为其自己的参数发送即可。这样您就可以在控制台中保留对象的格式,并将其全部保存在一个条目中。

var obj = {
    query:  'wordOfTheDay',
    title:  'Frog',
    url:    '/img/picture.jpg'
};

console.log( "Text Here", obj);

// Text Here Object {query: "wordOfTheDay", title: "Frog", url: "/img/picture.jpg"}

这应该有效:

console.log(note, " : ", obj );

console.log 可以接受任意数量的参数,因此您可以将需要记录的所有数据用逗号分隔。

console.log("text sample : ", obj, JSON.stringify(obj), (typeof obj), (new Date()))

有时我喜欢使用字符串替换在这样的字符串中间输出我的 obj。

console.log('from %o to %o', obj1, obj2);

你在这里完成所有替换https://developer.mozilla.org/en-US/docs/Web/API/console#using_string_substitutions

这是一个为所有添加公共前缀的示例console.log();

let baseLog = console.log;
console.log = function(){
    baseLog("Homepage", ...arguments);
}
console.log("hello world");
console.log(4, 5, 6);
console.log({ a: 1, b: 2 });