JavaScript 多行属性

在 JavaScript 中，我们可以使用多行属性来更方便地书写长字符串、正则表达式等内容。本文将介绍多行属性的用法和注意事项。

语法

多行属性使用一对反引号（ ）包裹起来，如下所示：

let str = `
    这是一段
    多行
    字符串
`;

注意事项

缩进问题

在多行属性中，每一行的缩进都会被保留下来。因此，如果我们想让字符串等内容排版整齐，就需要在每一行前添加相同数量的空格或制表符。

let str = `
    这是一段
        多行
            字符串
`;

转义字符问题

在多行属性中，转义字符的使用方法与单行字符串相同，但是由于每一行都会被认为是一个单独的字符串，因此如果我们想要在多行属性中使用转义字符，就需要在每一行结尾处添加反斜杠（\），以防止换行符的出现。

let str = `
    这是一段
    多行
    字符串\n
`;

换行符问题

在多行属性中，每一行的结尾都会被视为一个换行符（\n），因此不能在最后一行添加多余的空格或制表符。

let str = `
    这是一段
    多行
    字符串
    `;

应用场景

多行属性可以方便地书写长字符串、正则表达式等内容。特别是在 ES6 新增了模板字符串的情况下，多行属性成为了更好的选择。

let regex = /(?<=\d)(?=(\d{3})+\b)/g;
let str = `
    12345678
    23456789
    34567890
`.replace(regex, ',');
console.log(str);
// 输出：12,345,678
//      23,456,789
//      34,567,890