js删除字符串最后一个字符_js-ES6 模板字符串

基础用法

let message = `Hello World`;console.log(message);

如果你碰巧要在字符串中使用反撇号，你可以使用反斜杠转义：

let message = `Hello ` World`;console.log(message);

值得一提的是，在模板字符串中，空格、缩进、换行都会被保留：

let message = `

• 1
• 2

`;console.log(message);

注意，打印的结果中第一行是一个换行，你可以使用 trim 函数消除换行：

let message = `

• 1
• 2

`.trim();console.log(message);

嵌入变量

模板字符串支持嵌入变量，只需要将变量名写在 ${} 之中，其实不止变量，任意的 JavaScript 表达式都是可以的：

let x = 1, y = 2;let message = `

• ${x}
• ${x + y}

`;console.log(message); //

• 1
• 3

值得一提的是，模板字符串支持嵌套:

let arr = [{value: 1}, {value: 2}];let message = `

• ${arr.map((item) => {return `
• ${item.value}`})}

`;console.log(message);

打印结果如下：

注意，在 li 标签中间多了一个逗号，这是因为当大括号中的值不是字符串时，会将其转为字符串，比如一个数组 [1, 2, 3] 就会被转为 1,2,3，逗号就是这样产生的。

如果你要消除这个逗号，你可以先 join 一下：

let arr = [{value: 1}, {value: 2}];let message = `

• ${arr.map((item) => {return `
• ${item.value}`}).join('')}

`;console.log(message);

打印结果如下：

标签模板

模板标签是一个非常重要的能力，模板字符串可以紧跟在一个函数名后面，该函数将被调用来处理这个模板字符串，举个例子：

let x = 'Hi', y = 'Kevin';var res = message`${x}, I am ${y}`;console.log(res);

我们可以自定义 message 函数来处理返回的字符串:

// literals 文字// 注意在这个例子中 literals 的第一个元素和最后一个元素都是空字符串function message(literals, value1, value2) {console.log(literals); // [