模版字符串

时间:2019-08-24
本文章向大家介绍模版字符串,主要包括模版字符串使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。

模版字符串是ES6的新语法之一,使用反引号``包含字符串,具有多行,变量,函数等多种特点。如:

// 字符串中嵌入变量
let name = 'Jack'; let str = `Hello ${name}`; // Hello Jack
// 多行字符串,会保留空格和换行
`In JavaScript this is
 not legal.`

// 模版字符串中使用反引号`,需要转义\`
let yo = `Yeah, \`yo\``;

// 因为在${}中可以放入任意的js表达式,所以不止能使用变量,还可以使用函数和运算,当然如果js有错误的话,也会报错
let fn = function(){ return 'Hello'};
let str = `${fn()}, Jack`;


模板字符串的功能,不仅仅是上面这些。它可以紧跟在一个函数名后面,该函数将被调用来处理这个模板字符串。这被称为“标签模板”功能


alert`123`
// 等同于
alert(123)

tag函数的第一个参数是一个数组,该数组的成员是模板字符串中那些没有变量替换的部分,也就是说,变量替换只发生在数组的第一个成员与第二个成员之间、第二个成员与第三个成员之间,以此类推。这种用法可以用来过滤组成字符串的变量。

function tag(stringArr, value1, value2){
  // ...
}

// 等同于

function tag(stringArr, ...values){
  // ...
}

原文地址:https://www.cnblogs.com/diyichen/p/11402259.html