控制台.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但是如果您使用第一个选项，则更干净。