控制台.log语句如何与带引号的字符串值中的 $ 符号一起使用？

Question

我是新来的。我在脚本中有以下代码：function Person(first_name, last_name) {    this.first_name = first_name;    this.last_name = last_name;    this.displayName = function() {        console.log(`Name: ${this.first_name} ${this.last_name}`);    };}let john = new Person('John', 'Reid');john.displayName();此代码的输出为：“姓名：约翰·里德”我想了解这是如何工作的？$ 在此代码中扮演什么角色？在JavaScript语言规范的这一部分或其他一些库在这里工作吗？谢谢

Answer 1

这是纯粹的脚本。这里没有使用任何脚本库。

关键字在 java 脚本中用于从任何函数创建对象。您已经创建了实例，然后调用属性，该属性本身就是一个函数，并显示您使用的输出。newdisplayNameconsole.log()

 console.log(`Name: ${this.first_name} ${this.last_name}`);

与

 console.log("Name: " +  this.first_name  + " " + this.last_name);

在第一个中，您正在实现相同的输出，但使用 .template literals

它们被称为“模板字符串”，并在ES2015规范中引入。模板文本（模板字符串）

第二个是传统的串联。

Answer 2

${}用于字符串内插。使用 ${} 将变量添加到字符串中，并正常添加纯文本。您还可以使用 + 符号来插值字符串

"Name: " + this.first_name + " " + this.last_name

但是如果您使用第一个选项，则更干净。