多行字符串、模板字符串

多行字符串:

下面是普通字符串的写法:
//普通字符串
    var l = 'abcd' console.log(l)

编译结果:spa

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

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

编译结果:blog

 

模板字符串:

再说说拼接字符串,通常状况咱们是如何拼接字符串的呢?看下面代码字符串

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

编译结果:console

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

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

编译结果:模板

看起来也很乱?我以为写起来很方便,整体写在``里(这个不要忘记写),须要引用的变量就写在${ }的里面,不用像之前那样写字符串用不少的引号。class

相关文章
相关标签/搜索