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

When tracing out variables in the console, How to create a new line?

本文关键字：何创建 创建 新行 控制台 跟踪 变量      更新时间：2023-09-26

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

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

谢谢你看！

您应该将其包含在引号''n'中，请参阅下面的

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

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

Easy，'n需要在字符串中。

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

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

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

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

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

将显示：

第一行

第二行

只使用最糟糕的事情

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

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

[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' );

这对我来说非常适合纯文本，而且很容易上手。

您可以使用多行模板文字，但需要中断格式以避免每行开头出现不必要的空白：

const roleName = 'Read';
const role_ID = '887623';
const modal_ID = '346433';
const related = 'related';
function foo() {
    if (true) {
        if (true) {
            console.log(
               `roleName = ${roleName}
                role_ID = ${role_ID}
                modal_ID = ${modal_ID}
                related = ${related}`
            );            
        }
    }
}
foo();
function bar() {
    if (true) {
        if (true) {
            console.log(
`roleName = ${roleName}
role_ID = ${role_ID}
modal_ID = ${modal_ID}
related = ${related}`
            );            
        }
    }
}
bar();

相反，您可以将字符串放入数组并调用.join(''n'):

const roleName = 'Read';
const role_ID = '887623';
const modal_ID = '346433';
const related = 'related';
console.log([
    `roleName = ${roleName}`,
    `role_ID = ${role_ID}`,
    `modal_ID = ${modal_ID}`,
    `related = ${related}`
    ].join(''n')
)

相关文章：