ES6之模版字符串如何使用
导读：本文共1528.5字符，通常情况下阅读需要5分钟。同时您也可以点击右侧朗读，来听本文内容。按键盘←（左） →（右） 方向键可以翻页。
摘要：！console.log(Nomatter\whatyoudo,Itrustyou.);</pre><p>输出结果如下：</p><p><img src="https://www.seosjz.com/content/uploadfile/all/png/mlzhonbyswr.png" alt="ES6之模版字符串如何使用"></... ...
音频解说
目录
(为您整理了一些要点),点击可以直达。！
console.log(Nomatter\whatyoudo,
Itrustyou.);</pre><p>输出结果如下：</p><p><img src="https://qixn-bj.oss-cn-beijing.aliyuncs.com/seosjz/uploadfile/all/png/mlzhonbyswr.png" alt="ES6之模版字符串如何使用"></p><p>6. 在${}中的大括号里可以放入任意的JavaScript表达式，还可以进行运算，以及引用对象属性。</p><pre class="brush:js;">varx=88; vary=100; console.log(x=${++x},y=${x+y});</pre><p>结果如下所示：</p><p><img src="https://qixn-bj.oss-cn-beijing.aliyuncs.com/seosjz/uploadfile/all/png/nudo5gnwcew.png" alt="ES6之模版字符串如何使用"></p><p>7.更强大的是：模版字符串还可以调用函数：</p><pre class="brush:js;">functionstring(){ return"zzwlikeses6!"; } console.log(你想说什么?嗯，${string()});</pre><p>结果如下所示：</p><p><img src="https://qixn-bj.oss-cn-beijing.aliyuncs.com/seosjz/uploadfile/all/png/n0ql2evljxt.png" alt="ES6之模版字符串如何使用"></p><p>另外，如果函数的结果不是字符串，那么，将按照一般的规则转化为字符串：</p><pre class="brush:js;">functionstring(){ return666; } console.log(你想说什么?嗯，${string()});</pre><p>结果如下所示：</p><p><img src="https://qixn-bj.oss-cn-beijing.aliyuncs.com/seosjz/uploadfile/all/png/pdof1ceuzvc.png" alt="ES6之模版字符串如何使用"></p><p>在这里，实际上数字666被转化成了字符串666.</p><p>8.如果在${}中的变量时没有命名的，那么会报错：</p><pre class="brush:js;">console.log(你想说什么?嗯，${string()});</pre><p>在上面这句代码中，string()函数没有声明，于是报错：</p><p><img src="https://qixn-bj.oss-cn-beijing.aliyuncs.com/seosjz/uploadfile/all/png/fkhpxow35aq.png" alt="ES6之模版字符串如何使用"></p><p>9.其实，我们还可以在${}中输入一个字符串，知识结果仍旧会返回一个字符串：</p><pre class="brush:js;">console.log(你想说什么?嗯，${"其实我不是变量~"});</pre><p>结果如下所示：</p><p><img src="https://qixn-bj.oss-cn-beijing.aliyuncs.com/seosjz/uploadfile/all/png/zic3qib3cqv.png" alt="ES6之模版字符串如何使用"></p><p>10.如果希望引用模版字符串本身，可以像下面这样写：</p><pre class="brush:js;">letstr="return"+"Hello!${name}`";
letfunc=newFunction("name",str);
console.log(func("zzw"));
结果如下：
本文：
ES6之模版字符串如何使用的详细内容，希望对您有所帮助，信息来源于网络。