什么是模板字符串?
在ES6中模板字符串是指一种新的字符串语法,使用反引号(``)来表示字符串,通过`${}`来包裹变量或表达式,并会将其计算后的结果嵌入到字符串中。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title></title>
</head>
<body>
<script>
let str = '我是一个字符串!'
console.log(str);
let str1 = "我也是一个字符串!"
console.log(str1);
let str2 = `我还是一个字符串哦!`
console.log(str2);
</script>
</body>
</html>
注意事项!
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title></title>
</head>
<body>
<script>
// let str = '<ul>' +
// '<li>可乐</li>' +
// '<li>雪碧</li>' +
// '<li>橙汁</li>' +
// '</ul>';
字符串拼接
// let str = `<ul>
// <li>可乐</li>
// <li>雪碧</li>
// <li>橙汁</li>
// </ul>`;
模板字符串
// let name = 'Jealous';
// let people = `${name}是一名程序员!`
// console.log(people);
变量拼接
</script>
</body>
</html>