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

2022-08-30 05:16:31

所以我正在尝试做一些简单的事情,我想使用1个控制台.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

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

感谢您的光临!


答案 1

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

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

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