在控制台中追踪variables时,如何创build新行?

所以我试图做一些简单的事情,我想用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

我已经检查了其他几个类似的问题,但没有一个能够帮助或者谈论另外一个问题。

谢谢参观!

你应该在引号'\n'包含它,见下面,

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

在ES6 / ES2015中,您可以使用称为模板文字的string文字语法。 模板string使用反引号字符而不是单引号或双引号,并保留新的行和标签

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

容易, \n需要在string中。

您需要添加新行字符\n

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

会显示:

第一行

第二行

为什么不为每个var使用单独的console.log() ,并用逗号分隔,而不是将它们全部转换为string? 这将给你单独的行,并给你每个variables的真实值,而不是每个string的表示(假设他们可能不是所有的string)。

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

我认为这会更容易阅读/维护。

刚刚使用的最糟糕的事情

 console.log({'some stuff': 2} + '\n' + 'something') 

是所有的东西都转换为string,如果你需要对象来显示你可能会看到下一个:

 [object Object] 

因此,我的变体是下一个代码:

 console.log({'some stuff': 2},'\n' + 'something'); 
 console.log('Hello, \n' + 'Text under your Header\n' + '-------------------------\n' + 'More Text\n' + 'Moree Text\n' + 'Moooooer Text\n' ); 

这对我来说只适用于文本,而且易于使用。