在控制台中追踪变量时,如何创建新行？

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

我已经检查了其他几个看似相似的问题,但没有一个有帮助或正在谈论不同的事情.

谢谢参观!

Answer 1

你应该把它包含在引号内 '\n',见下文,

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

Answer 2

在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}
`);

Answer 3

容易,\n需要在字符串中.

Answer 4

为什么不console.log()为每个var 使用单独的,并用逗号分隔而不是将它们全部转换为字符串？这会给你单独的行,并给你每个变量的真实值而不是每个变量的字符串表示(假设它们可能不是全部是字符串).

console.log('roleName',roleName);
console.log('role_ID',role_ID);
console.log('modal_ID',modal_ID);
console.log('related',related);

而且我认为阅读/维护会更容易.

Answer 5

您需要添加新行字符\n:

console.log('line one \nline two')

会显示:

第一行

第二行