JavaScript中${var}模板字符串引用未生效,寻求技术指导
问题原因:用错了字符串引号类型
这不是转译器或者ES6支持的问题——FireFox Dev Edition早就完全支持ES6的模板字符串了!问题出在你用的引号上:
你写的代码是:
let someVar = 'Happy'; console.log('I hope you have a ${someVar} day.');
这里你用了单引号(')包裹字符串,但ES6里能解析${变量}这种占位符的是模板字符串,必须用**反引号()**(就是键盘上Tab键上方、数字1左边的那个符号)来包裹。单引号/双引号里的内容会被当作纯文本,所以${someVar}`不会被解析成变量的值,直接原样输出了。
改成下面这样就可以正常显示'Happy'了:
let someVar = 'Happy'; console.log(`I hope you have a ${someVar} day.`);
简单总结下:
- 单引号/双引号:普通字符串,不解析内部的变量占位符
- 反引号:模板字符串,会自动解析
${}里的变量或表达式
内容的提问来源于stack exchange,提问作者Rogue33
相关产品推荐
相关产品推荐

