Comment imprimer un objet en tant que partie d'une chaîne et avoir un firebug capable de l'inspecter?

Question

maintenant j'utilise firebug pour inspecter les objets que j'imprime occasionnellement, quand je deviens paresseux dans mon débogage. Donc, si je suis dans une méthode et je veux inspecter un objet que je peux taper:

console.log(object); 

et dans Firebug je peux inspecter, y compris l'expansion et l'effondrement des clés à l'intérieur comme je me sens, il est très covenient.

Cependant, je voudrais maintenant être en mesure d'inclure l'objet en partie d'une ligne. Donc, par exemple peut-être que je veux faire quelque chose comme ceci:

const value = calculateValue(key); 
console.log(`value for ${key} is ${value}`); 

Cela ne fait pas ce que je veux. Je voudrais obtenir quelque chose comme:

value for foo is ${object} 

au lieu de la valeur étant quelque chose qui Firebug peut inspecter, développer, etc.

Je peux travailler autour de cela avec deux lignes:

console.log('value for key ${key}:'); 
console.log(value); 

qui fonctionne, mais est plutôt moche, et en théorie pourrait être un problème si j'essayais cela en utilisant des promesses/générateurs/sagas ou toute autre logique de threading.

est là une syntaxe simple pour me permettre de fournir un objet dans le cadre d'une ligne plus longtemps et ont Firebug en mesure de le reconnaître comme un objet pour permettre l'inspection de celui-ci?

Answer 1

Utilisez console.dir(object) il imprime au navigateur, et il devient inspectable par Firebug.

De toute évidence il suffit d'utiliser pour le développement et supprimer de prod.

Answer 2

Il faut donc utiliser une virgule

console.log(`value for ${key} is`, value); 

ou JSON.stringify il