ES6中的模板字符串---反引号``

Posted 2020-12-28 shengulong

在react中，反引号``有特殊的含义。

如MDN中所述，模板字符串（Template literals）允许嵌入表达式，并且支持多行字符串和字符串插补特性。基本语法为以下几种：

其中第一行为最基本用法，即使用反引号 (‘`’) 来代替普通字符串中的用双引号和单引号。

第二行为多行字符串用法，即反引号中文本可以直接接受换行而不必使用 换行符来强制换行。

第三行则为模板字符串的最核心用法，即反引号中的${expression}占位符中expression可以为任意的javascript表达式，甚至为模板字符串。

第四行则为使模板字符串变强大的最主要原因，如果一个模板字符串由表达式开头，则该字符串被称为带标签的模板字符串，该表达式通常是一个函数，它会在模板字符串处理后被调用，在输出最终结果前，你都可以在通过该函数对模板字符串来进行操作处理。

 

https://blog.csdn.net/AliMobileSecurity/article/details/53102148

http://bubkoo.com/2015/06/23/es6-in-depth-template-strings/