多行字符串、模板字符串

多行字符串：

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

//普通字符串
    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}。`);

編譯結果：

看起來也很亂？我以爲寫起來很方便，整體寫在``裏（這個不要忘記寫），須要引用的變量就寫在${ }的裏面，不用像之前那樣寫字符串用不少的引號。