在控制台中追踪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' );
这对我来说只适用于文本,而且易于使用。