这是一个称为模板字面量的特性。

在ECMAScript 2015规范的早期版本中，它们被称为“模板字符串”。

Firefox 34、Chrome 41和Edge 12及以上版本支持模板文字，但Internet Explorer不支持。

示例:http://tc39wiki.calculist.org/es6/template-strings/ 官方规范:ECMAScript 2015语言规范，12.2.9模板文字词汇组件(有点干)

模板字面量可以用来表示多行字符串，并可以使用“插值”来插入变量:

var a = 123, str = `---
   a is: ${a}
---`;
console.log(str);

输出:

---
   a is: 123
---

更重要的是，它们不仅可以包含变量名，还可以包含任何JavaScript表达式:

var a = 3, b = 3.1415;

console.log(`PI is nearly ${Math.max(a, b)}`);

除了字符串插值外，还可以使用反标记调用函数。

var sayHello = function () {
    console.log('Hello', arguments);
}

// To call this function using ``

sayHello`some args`; // Check console for the output

// Or
sayHello`
    some args
`;

检查样式组件。他们大量使用它。

反勾号包含模板字面值，以前称为模板字符串。模板字面量是允许嵌入表达式和字符串插值特性的字符串字面量。

模板字面量将表达式嵌入到占位符中，由$符号和表达式周围的花括号表示，即${expression}。占位符/表达式被传递给函数。默认函数只是连接字符串。

要转义反斜杠，在它前面加一个反斜杠:

`\`` === '`'; => true

使用反勾号更容易地编写多行字符串:

console.log(`string text line 1
string text line 2`);

or

console.log(`Fifteen is ${a + b} and
not ${2 * a + b}.`);

vs.普通JavaScript:

console.log('string text line 1\n' +
'string text line 2');

or

console.log('Fifteen is ' + (a + b) + ' and\nnot ' + (2 * a + b) + '.');

转义序列:

Unicode转义由\u开始，例如\u00A9 由\u{}表示的Unicode码位转义，例如\u{2F804} 以\x开头的十六进制转义，例如\xA9 八进制文字转义由\和(a)数字(s)开始，例如\251

反撇号(')用于定义模板字面量。模板字面量是ECMAScript 6中的一个新特性，它使处理字符串更加容易。

特点:

我们可以在模板文字中插入任何类型的表达式。 它们可以是多线的。

注意:我们可以很容易地在反撇号(')内使用单引号(')和双引号(")。

例子:

var nameStr = `I'm "Alpha" Beta`;

为了插入变量或表达式，我们可以使用${expression}符号。

var name = 'Alpha Beta';
var text = `My name is ${name}`;
console.log(text); // My name is Alpha Beta

多行字符串意味着您不再需要在新行中使用\n。

例子:

const name = 'Alpha';
console.log(`Hello ${name}!
How are you?`);

输出:

Hello Alpha!
How are you?

简介:

JavaScript中的反引号是ECMAScript 6 // ECMAScript 2015中引入的一个特性，用于制作简单的动态字符串。这个ECMAScript 6特性也被称为模板字符串文字。与普通字符串相比，它具有以下优点:

在模板字符串中允许换行，因此可以是多行。正常的字符串字面量(用" or ""声明)不允许有换行符。 我们可以使用${myVariable}语法轻松地将变量值插入到字符串中。

例子:

const name = 'Willem'; Const age = 26; Const story = ' 我的名字是:${name} 我是:${age}岁 ”; console.log(故事);

浏览器的兼容性:

所有主要浏览器厂商(Internet Explorer除外)都支持模板字符串字面值。所以在生产代码中使用它是相当安全的。浏览器兼容性的详细列表可以在这里找到。

这是一个非常有用的功能，例如这里有一个Node.js代码片段来测试3秒计时函数的设置。

const waitTime = 3000;
console.log(`setting a ${waitTime/1000} second delay`);

解释

将等待时间声明为3000 使用反勾号，你可以将“等待时间”除以1000的计算结果嵌入到你选择的文本的同一行中。 使用'waitTime'常量进一步调用计时器函数将导致3秒的延迟，如console.log参数中计算的那样。