es6 字串模板拼接和傳統字串拼接

注意：字串可以用單引號''，或者""雙引號，出於方便大家理解，文章以下內容統一使用單引號''！

如果只是乙個字串和乙個變數拼接，使用傳統的字串拼接就沒什麼問題，只需要乙個+號和乙個''號就好了；但是有時候會有多個字串與變數拼接，那麼就會有一大堆的+號和''號，造成**不美觀。

1. 傳統的字串拼接

var name = '

moss';
var age = 18
;console.log(
'my name is 
' + name + '
and i am 
' + age + '
years old');
//列印結果：my name is moss and i am 18 years old

2. es6的模板字串拼接

es6的模板字串解決了以上問題

用兩個反單引號``包裹的字串就是字串模板，在字串模板中可以使用${}符號來引用變數。（反單引號``在tab按鍵上面）

var name = '

moss';
var age = 18
;console.log(`my name 
is$ and i am $ years old`);
//列印結果：my name is moss and i am 18 years old

var html = ``

item

">

class="

info

">

$" alt="">

$class="

wp">

""class="

js_reportjxa_$_$

">

" alt=""

class="

content_img

">

class="

title

">$

class="

label

">

class="

left

">

class="

lb js_reportjxb_$_$

" style="

display:$

">$

class="

lb" style="

display:$

">$

class="

right

">

class="

icon

">

class="

iconfont iconhuifu-iconhuifu-

">$

class="

iconfont icondianzan-icondianzan-copy

">$

` $(

'#loadmore

ES6 字串拼接

es6 引入模板字串來簡化了字串的拼接 傳統字串拼接 如下 var firstname 張 var lastname 三 var splicing 我的姓 firstname 名字叫 lastname console.log splicing 我的姓張名字叫三 使用模板字串拼接 var newspl...

ES6 字串 模板字串

昨天學習了字串物件和字串的表示，就是利用utf 8等不同的編碼方式，還有許多的物件方法，都是處理字串的方法，挺方便的，今天我學習了一下字串模板，這裡記錄i一下學習的筆記，當然，今天學習了部分內容，如果筆記有沒涉及到的，可以再自行學習，話不多說，這次筆記分為兩部分 正文開始 1 傳統的字串輸出模板就是...

ES6 字串模板

1.普通字串的拼接 普通字串在與變數拼接時一般使用 號，這種適用於簡單的拼接。如果是複雜的拼接使用jsx中的字串模板比較方便。1.普通字串的拼接 var str i bought an iphone var number 7 console.log str number s i bought an ...