ES6 模版字符串

es6 模版字符串主要用于简化字符串的拼接；

看个例子，es6以前的写法；

我们来看下实例；定义一个变量，搞两个属性，然后控制台输出；

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<script type="text/javascript">
    let obj={name:'Jack',age:'20'};
    let str='姓名：'+obj.name+'，年龄：'+obj.age;
    console.log(str);
 
</script>
</body>
</html>

如果属性多，那拼接量就大了；

看下 es6模版字符串写法用斜引号和${}符号实现；

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<script type="text/javascript">
    let obj={name:'Jack',age:'20'};
    let str=`姓名：${obj.name}，年龄：${obj.age}`;
    console.log(str);
 
</script>
</body>
</html>

这样就省力多了；

注意点：这个斜引号，再tab键上方；