Шаблонные литералы (строки шаблона) не дали точного результата в функции стрелки

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));

Answer 2

Литералы шаблона заключены не в кавычки ('), а в кавычки (`):

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

Answer 3

Используйте backticks ``.В случае, если ваша функция-стрелка имеет одно выражение в качестве тела функции, это выражение будет выполнено, и результирующее значение будет возвращено неявно при вызове функции.

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