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

【问题标题】：When tracing out variables in the console, How to create a new line?在控制台中跟踪变量时，如何创建新行？
【发布时间】：2013-04-20 19:22:05
【问题描述】：

所以我正在尝试做一些简单的事情，我想使用 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

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

感谢观看！

【问题讨论】：

标签： javascript jquery console trace

【解决方案1】：

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

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

【讨论】：

【解决方案2】：

console.log('Hello, \n' + 
            'Text under your Header\n' + 
            '-------------------------\n' + 
            'More Text\n' +
            'Moree Text\n' +
            'Moooooer Text\n' );

这对我来说非常适合仅用于文本，并且易于使用。

【讨论】：

【解决方案3】：

只使用最糟糕的事情

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

是所有的东西都被转换成字符串，如果你需要对象显示，你可以看到下一个：

[object Object]

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

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

【讨论】：

【解决方案4】：

为什么不为每个变量使用单独的console.log()，并用逗号分隔，而不是将它们全部转换为字符串？这将为您提供单独的行，并为您提供每个变量的真实值，而不是每个变量的字符串表示形式（假设它们可能不都是字符串）。

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

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

【讨论】：

我正在寻找一种方法来格式化代码，就像@Vega 编写它的方式一样......更干净恕我直言

【解决方案5】：

需要添加换行符\n:

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

会显示：

第一行

第二行

【讨论】：

【解决方案6】：

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

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

【讨论】：

太好了，谢谢！我需要看看它是怎么写出来的

【解决方案7】：

很简单，\n 需要在字符串中。

【讨论】：