多行字符串、模板字符串

多行字符串：

下面是普通字符串的写法：

//普通字符串
    var l = 'abcd'
    console.log(l)

编译结果：

如何让让一个字符串独占多行呢？就需要用到ES6 里的多行字符串

//多行字符串
    var i =`
       a
       b
       c
       d
    `
    console.log(i);

编译结果：

 

模板字符串：

再说说拼接字符串，一般情况我们是如何拼接字符串的呢？看下面代码

//正常拼接字符串
    var name = '菜鸟';
    var age = '24';
    console.log('我的名字叫：'+name+',我的年龄：'+age+'。');

编译结果：

这样拼接的字符串看起来很乱，用起来容易出问题，有没有方便、直观一点的呢？来看看ES6的模板字符串

 //模板字符串
    var name = '菜鸟';
    var age = '24';
    console.log(`我的名字叫：${name},我的年龄：${age}。`);

编译结果：

看起来也很乱？我觉得写起来很方便，总体写在``里（这个不要忘记写），需要引用的变量就写在${ }的里面，不用像以前那样写字符串用很多的引号。

 

转载于:https://www.cnblogs.com/xsdds/p/10615925.html