在JavaScript中,反引号†的工作原理与单引号相同。例如,我可以使用反勾号来定义这样的字符串:

var s = `abc`;

反勾号的行为与单引号的行为有区别吗?


†请注意,在程序员中,“backtick”是通常被称为严肃重音的一个名称。程序员有时也会使用“backquote”和“backgrave”这两个替代名称。此外,在Stack Overflow和其他地方,“backtick”的其他常见拼写是“back-tick”和“backtick”。


当前回答

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

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

解释

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

其他回答

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

模板字面量将表达式嵌入到占位符中,由$符号和表达式周围的花括号表示,即${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

很多评论回答了你的大部分问题,但我主要想回答这个问题:

反勾号的行为与单引号的行为有区别吗?

我注意到模板字符串的一个不同之处是不能将其设置为对象属性。更多信息在这篇文章;从公认的答案中引用一段有趣的话:

模板字符串是表达式,不是字面量1。

但基本上,如果你想把它用作对象属性你就必须用方括号把它括起来。

// Throws error
const object = {`templateString`: true};

// Works
const object = {[`templateString`]: true};

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


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

// To call this function using ``

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

// Or
sayHello`
    some args
`;

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

反撇号(')用于定义模板字面量。模板字面量是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?

好的部分是我们可以直接进行基本的数学运算:

坚果= 7 更多。innerHTML = ' 到目前为止你收集了${nuts} nuts ! <人力资源> 加倍,得到${nuts + nuts} nuts!! ` < div id = "更多" > < / div >

它在工厂函数中变得非常有用:

函数坚果(){ 返回的 你有${it}坚果!< br > 你的坚果的余义:${Math.cos(it)} <br> 三个螺母:${3 * it} <br> 你的坚果编码在BASE64:<br> ${btoa(它)} ` } 螺母。Oninput =(函数(){ 出去了。innerHTML = nuts(nuts .value) }) < h3 >坚果计算器 <input type="number" id="nut"> < div id = "出" > < / div >