在JavaScript中,反引号†的工作原理与单引号相同。例如,我可以使用反勾号来定义这样的字符串:
var s = `abc`;
反勾号的行为与单引号的行为有区别吗?
†请注意,在程序员中,“backtick”是通常被称为严肃重音的一个名称。程序员有时也会使用“backquote”和“backgrave”这两个替代名称。此外,在Stack Overflow和其他地方,“backtick”的其他常见拼写是“back-tick”和“backtick”。
在JavaScript中,反引号†的工作原理与单引号相同。例如,我可以使用反勾号来定义这样的字符串:
var s = `abc`;
反勾号的行为与单引号的行为有区别吗?
†请注意,在程序员中,“backtick”是通常被称为严肃重音的一个名称。程序员有时也会使用“backquote”和“backgrave”这两个替代名称。此外,在Stack Overflow和其他地方,“backtick”的其他常见拼写是“back-tick”和“backtick”。
当前回答
很多评论回答了你的大部分问题,但我主要想回答这个问题:
反勾号的行为与单引号的行为有区别吗?
我注意到模板字符串的一个不同之处是不能将其设置为对象属性。更多信息在这篇文章;从公认的答案中引用一段有趣的话:
模板字符串是表达式,不是字面量1。
但基本上,如果你想把它用作对象属性你就必须用方括号把它括起来。
// Throws error
const object = {`templateString`: true};
// Works
const object = {[`templateString`]: true};
其他回答
好的部分是我们可以直接进行基本的数学运算:
坚果= 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 >
这是一个称为模板字面量的特性。
在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 a= {e:10, gy:'sfdsad'}; //global object
console.log(`e is ${a.e} and gy is ${a.gy}`);
//e is 10 and gy is sfdsad
var b = "e is ${a.e} and gy is ${a.gy}" // template string
console.log( `${b}` );
//e is ${a.e} and gy is ${a.gy}
console.log( eval(`\`${b}\``) ); // convert template string to template
//e is 10 and gy is sfdsad
backtick( b ); // use fonction's variable
//e is 20 and gy is fghj
function backtick( temp ) {
var a= {e:20, gy:'fghj'}; // local object
console.log( eval(`\`${temp}\``) );
}
很多评论回答了你的大部分问题,但我主要想回答这个问题:
反勾号的行为与单引号的行为有区别吗?
我注意到模板字符串的一个不同之处是不能将其设置为对象属性。更多信息在这篇文章;从公认的答案中引用一段有趣的话:
模板字符串是表达式,不是字面量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
`;
检查样式组件。他们大量使用它。