es6拼接字串的方式。

2021-08-20 06:19:22 字數 583 閱讀 6919

在開始中我們經常會碰到某些資料是需要後台返給我們,然後我們進行拼接動態展現到頁面中的,拼接字元很幾種方式,例如

或者:

即使不拼接資料已經讓人看著很難受了....更何況拼接資料了呢 。 例如:

各種的引號和加號,看著實在是難受,尤其是對於新人來講,拼接字串簡直就是噩夢。

而es6中推出的``方式,也就是中文的波浪號按鍵,完美的解決了這個問題。

不需要任何的加號和引號,全部字元僅僅由一組``符號包裹即可,而放置動態資料或者變數即用$方式即可,看著是真的一目了然啊,最主要是終於可以擺脫被拼接字元支配的恐懼了,哈哈哈哈。

ES6 字串拼接

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

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

注意 字串可以用單引號 或者 雙引號,出於方便大家理解,文章以下內容統一使用單引號 如果只是乙個字串和乙個變數拼接,使用傳統的字串拼接就沒什麼問題,只需要乙個 號和乙個 號就好了 但是有時候會有多個字串與變數拼接,那麼就會有一大堆的 號和 號,造成 不美觀。1.傳統的字串拼接 var name mo...

ES6模板字串

es6提供了模板字串使字串的拼接以及模板的編寫變得特別簡單,組合字串的時候不在需要加號單引號這些,直接使用一對反引號即可,而且字串中需要變數的時候直接 的這種方式,大括號裡面可以是任何的js表示式,變數,物件的屬性,還可以是乙個函式,模板字串還可以進行巢狀。const person lili con...