模板文字（模板字符串）未在箭头功能中给出确切的结果

Question

我正在关注有关javascript es 6模板文字的中等文章。但这没有给我结果，但是我键入了文章中显示的确切代码。我认为也许我误会了一些愚蠢的事情，但是却没有发现。

const myFunctn=(name,age)=>{
return 'Hi ${name} , you are ${age} years old';
}
console.log(myFunctn('Said',22));

好吧，我认为输出应该有

Hi Said, you are 22 years old

但是我在chrome浏览器控制台中的输出如下

Hi ${name} , you are ${age} years old

我已经检查了浏览器中是否启用了ECMAScript，所以这不是问题。也许我犯了一些愚蠢的错误。

Answer 1

您需要使用反引号作为模板文字的定界符。

const myFunctn = (name, age) => {
    return `Hi ${name} , you are ${age} years old`;
}

console.log(myFunctn('Said', 22));