javascript - 如何在JavaScript中使用$ {var}变量？

This question already has answers here:

ES6 / ECMA6 template literals - not working

(3个答案)

2年前关闭。

我正在尝试使用EcmaScript 6功能，该功能使用以下命令在引号中添加变量:

'Sample Text ${variable}'

在以下代码上:

Cat.prototype.info = function(){
    console.log('Name: ${this.name}');
    console.log('Gender: '+this.gender);
    console.log('Color: '+this.color);
    console.log('Breed: '+this.breed);
    console.log('Emotion: '+this.emotion);
    console.log('Action: '+this.action);
};

但是，在控制台上注销时，我只能将文字代码作为String获得。

我正在犯错误吗？还是我的Web浏览器或IDE不支持该功能？

最佳答案

您应该使用back tick``。这称为模板字符串，${}中的变量将求值为其值。这也启用多行字符串。

Cat.prototype.info = function(){
    console.log(`Name: ${this.name}`);
    console.log('Gender: '+this.gender);
    console.log('Color: '+this.color);
    console.log('Breed: '+this.breed);
    console.log('Emotion: '+this.emotion);
    console.log('Action: '+this.action);
};

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_literals

关于javascript - 如何在JavaScript中使用$ {var}变量？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/51970723/

上一篇：winapi - 如何初始化 LPBOOL？ Kotlin Native 中的 Win32 Api

下一篇：vba - '编译错误: User-defined type not defined'

相关文章：

reactjs - 从另一个选择选项更新选择 react

C++ - '(' 标记之前的预期主表达式和 ‘(’ 标记之前缺少的模板参数

java - Maven 多模块项目打破编译时类解析

javascript - 如何判断某个符号是否被用作 key ？

javascript - 以编程方式模拟真实点击

javascript - Angularjs 应用程序无法通过 POST 方法跨域

javascript - 我可以从同一个对象 javascript 中调用私有(private)函数吗

javascript - 根据数组值设置状态值 React + ES6

c - Visual C++ 无法识别注释行？

javascript - 如何在javascript代码中获取 Angular 服务的实例？