美元符号+花括号形式的Template Literal无法正常工作求助
模板字面量未解析的问题排查
直接说几个大概率的原因和解决办法:
- 别用错引号! 模板字面量必须用**反引号(
)**包起来,要是用了单引号(')或者双引号("),JS就只会把它当普通字符串输出,根本不会解析里面的${变量}`。仔细检查你代码里的引号,是不是键盘左上角那个反引号,别和单引号搞混了。 - 检查代码运行方式 有些工具或者环境会直接把代码文本打出来,而不是执行它。确认你是在JS运行环境里执行代码,不是把代码当纯文本输出。另外,确保你的环境支持ES6+语法,老环境可能不兼容模板字面量。
- 变量有没有定义对 虽然这个不会导致输出原文,但如果变量没定义,会显示
undefined,顺便检查下模板里的变量名和你定义的是不是完全一致,别打错字。
给你个正确示例:
const course = 'JS基础课'; console.log(`我正在学${course},模板字面量生效了!`);
要是写成下面这样,肯定输出原文:
const course = 'JS基础课'; console.log("我正在学${course},模板字面量没生效!");
另外注意输入法,别不小心把反引号打成了中文的全角引号,那也会失效。


内容的提问来源于stack exchange,提问作者Haley Sigler
相关产品推荐
相关产品推荐

