如何在插值字符串中使用Newlines中使用Newline字符？

Question

我遇到问题，将newline字符添加到已经具有新线的字符串中。

例如：

const foo = "test\ntest";
const string = `mutation {
   some_field: "${foo}"
}`;

这将被输出为：

mutation {
   some_field: "test
test"
}

但是我希望它输出为：

mutation {
   some_field: "test\ntest"
}

保留现有的白空间/新线的位置，但您可以在其中添加“ test \ ntest”之类的字符串。当前的线路破坏导致语法错误。

我尝试以各种不同的方式将这些字符串添加在一起，但我不知道如何强制\ n在字段值中保留\ n。

Answer 1

当您在JavaScript字符串文字中具有\ n时，它代表了一个newline字符，而不是后斜切，其次是n。如果您想要后斜线，然后是n，则必须带有另一个后斜切角色逃脱后斜切角色。也就是说，您必须将\ n放在字符串文字中。

const foo = "test\\ntest";
const string = `mutation {
   some_field: "${foo}"
}`;

console.log(string)

Answer 2

您需要通过逃脱后挡板将文字\ n放在字符串中。

const foo = "test\\ntest";
const string = `mutation {
   some_field: "${foo}"
}`;

console.log(string);

但这似乎充满了危险。您几乎应该肯定会使用JSON，而不是模板字面的。

const foo = "test\ntest";
const string = `mutation ${JSON.stringify({
   some_field: foo
}, null, 4)}`;

console.log(string);