在控制台中跟踪变量时，如何创建一个新行？

Question

所以我想做一些简单的事情，我想使用 1 个 console.log 语句将我在控制台中的痕迹分成几行：

 console.log('roleName = '+roleName+' role_ID = '+role_ID+' modal_ID = '+modal_ID+\n+'related = '+related);

你会如何写上面的内容来追踪下面的内容？

 roleName = test
role_ID = test
modal_UD = test
related = test

而不是 roleName = test role_ID = test modal_UD = test related = test

我检查了其他几个看起来相似的问题，但没有一个有帮助或正在谈论不同的事情。

谢谢参观！

原文由 Leon Gaban 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

在 ES6/ES2015 中，您可以使用称为 模板文字 的字符串文字语法。模板字符串使用反引号字符而不是单引号 ‘ 或双引号 “。它们还保留换行符和制表符

 const roleName = 'test1';
const role_ID = 'test2';
const modal_ID = 'test3';
const related = 'test4';

console.log(`
  roleName = ${roleName}
  role_ID = ${role_ID}
  modal_ID = ${modal_ID}
  related = ${related}
`);

原文由 Vlad Bezden 发布，翻译遵循 CC BY-SA 3.0 许可协议

Answer 2

您应该将其包含在引号内 '\n' ，见下文，

 console.log('roleName = '+roleName+ '\n' +
             'role_ID = '+role_ID+  '\n' +
             'modal_ID = '+modal_ID+ '\n' +
             'related = '+related);

原文由 Selvakumar Arumugam 发布，翻译遵循 CC BY-SA 3.0 许可协议