ES6-字符串模板

1.普通字符串的拼接

普通字符串在与变量拼接时一般使用+号，这种适用于简单的拼接。

如果是复杂的拼接使用JSX中的字符串模板比较方便。

        //1.普通字符串的拼接
        var str='I bought an iphone ';
        var number=7;
        console.log(str+number+'s'); // I bought an iphone 7s

2.ES6中的字符串模板

两个反单引号 `` 包裹的字符窜就是字符串模板。在字符串模板中可以使用${}符号来引用变量

        console.log(`I bought an iphone ${number}s`); // ` : 是反单引号; ${}:引用变量
        //输出： I bought an iphone 7s

3.常见的使用场景

写模板界面

        var htmlTemp=`
          <div>
                <h3>I bought an iphone ${number}s</h3> // 在模板界面中引用变量
          </div>
         `