ES6课程---8、模板字符串

一、总结

一句话总结：

模板字符串的作用是简化字符串的拼接，模板字符串必须用 `` 包含，变化的部分使用${xxx}定义

let obj = {
  name : '南极仙翁',
  age : 999
};
console.log('我叫:' + obj.name + ', 我的年龄是：' + obj.age);

console.log(`我叫:${obj.name}, 我的年龄是：${obj.age}`);

1、模板字符串的语法规则？

*、模板字符串必须用 `` 包含

*、变化的部分使用${xxx}定义

let obj = {
  name : '南极仙翁',
  age : 999
};
console.log('我叫:' + obj.name + ', 我的年龄是：' + obj.age);

console.log(`我叫:${obj.name}, 我的年龄是：${obj.age}`);

二、模板字符串

博客对应课程的视频位置：8、模板字符串
https://www.fanrenyi.com/video/24/205

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>模板字符串</title>
 6 </head>
 7 <body>
 8 <!--
 9 模板字符串
10 
11 作用：
12 简化字符串的拼接
13 
14 语法规则：
15 *、模板字符串必须用 `` 包含
16 *、变化的部分使用${xxx}定义
17 
18 -->
19 <script>
20     let obj = {
21         name : '南极仙翁',
22         age : 999
23     };
24     console.log('我叫:' + obj.name + ', 我的年龄是：' + obj.age);
25 
26     console.log(`我叫:${obj.name}, 我的年龄是：${obj.age}`);
27 </script>
28 </body>
29 </html>