JavaScript 模板字符串是一种允许在字符串中嵌入表达式的特殊字符串语法。它们以反引号（`）包围，并使用${}符号来表示需要插入的表达式。
模板字符串可以包含任何有效的 JavaScript 表达式，包括变量、函数调用、算术运算等。在插入表达式时，它们会被计算并替换为实际的值。
以下是一个示例：
const name = "Alice";
const age = 30;const message = `My name is ${name} and I am ${age} years old.`;console.log(message); // 输出：My name is Alice and I am 30 years old.
在上面的示例中，我们使用模板字符串来创建一个包含变量的消息。通过在${}中插入变量，它们会被替换为实际的值，并将最终的字符串赋给变量message。最后，我们使用console.log()函数将消息输出到控制台。
const name = 'John';
const age = 31;
const job = 'Web Developer';
const city = 'Beijing';function hello(){return 'hello';
}let str =`
Name:${name}
age:${age}
job:${job}
city:${city}
calc:${2+2}
function:${hello()}//调用函数
sanmu: ${age >
30 ? 'over 30': 'under 30' }//创建函数
`console.log(str);模板字符串当作 HTML 模板使用
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body><div id="demo"></div><script>
let header = "test";
let tags = ["FOX", "DOG", "CAT"];let html = `<h2>${header}</h2><ul>`;
for (const x of tags) {html += `<li>${x}</li>`;
}html += `</ul>`;
document.getElementById("demo").innerHTML = html;
</script></body>
</html>在浏览器打开就会显示出一个列表的内容在网页上
其中
在JavaScript中，const和of是两个不同的关键字，具有不同的功能和用法。
-
const： const是用于声明一个常量的关键字。使用const声明的变量是常量，其值在声明后不能被修改。使用const声明的变量必须在声明时进行初始化，且不能重新赋值。
例如：
const PI = 3.14159; const name = "Alice"; // PI = 3.14; // 错误，常量不能被重新赋值 // name = "Bob"; // 错误，常量不能被重新赋值在上面的示例中，我们使用const声明了两个常量：PI和name。它们在声明后不能被修改，任何尝试重新赋值的操作都会引发错误。
-
of： of是用于循环遍历可迭代对象（如数组和字符串）的关键字。它通常与for...of循环一起使用。
例如：
const numbers = [1, 2, 3, 4, 5];for (const number of numbers) {console.log(number); }在上面的示例中，我们使用of关键字在for循环中遍历数组numbers的每个元素，并将其打印到控制台。每次循环迭代时，变量number都会被赋值为当前元素的值。
注意，of关键字只能用于迭代可迭代对象，例如数组、字符串等。它不能用于普通的对象。
)
