Javascript 在保持缩进的同时打破多行文本

Question

我有以下功能

const taskErrorMessage = (task, reason) => {
    const account = task.account;
    return {
        message: `ERROR. ACTION: ${task.action}. ACCOUNT: ${account._id}, \
${account.name}. REASON: ${reason}. DATE: \
${new Date()}`
    }
}

它不适合一行，因此我使用\ 将其分解，但是似乎如果我尝试添加缩进，则最终字符串将不正确，并带有不需要的空格。有没有办法在保持缩进的同时将字符串分成多行？

Answer 1

对于裸模板文字，行首的空格总是按字面意思解释，因此它们不能用于代码缩进。

如果您希望所有空格都折叠起来，您可以使用 tagged template literal 来模仿此功能：

const $_ = (strings, ...vals) => {
    let result = ''

    strings.forEach((str, idx) => {
        result += str
        if (typeof vals[idx] !== 'undefined')
            result += vals[idx]
    })

    return result.trim().replace(/\s+/g, ' ')
}

console.log(
    $_`hooray
          indents for    every
                               ${1}
    `
)

但是，请注意，这将在运行时运行，而不是在编译时运行。除非您以这种方式创建数十万个字符串，否则它不太可能成为性能瓶颈，但同样值得考虑。