ES6 字串模板

2021-08-14 04:09:45 字數 577 閱讀 4360

1.普通字串的拼接

普通字串在與變數拼接時一般使用+號,這種適用於簡單的拼接。

如果是複雜的拼接使用jsx中的字串模板比較方便。

//1.普通字串的拼接

var str='i bought an iphone ';

var number=7;

console.log(str+number+'s'); // i bought an iphone 7s

2.es6中的字串模板

兩個反單引號``包裹的字元竄就是字串模板。在字串模板中可以使用${}符號來引用變數

console.log(`i bought an iphone $s`);// ` : 是反單引號; ${}:引用變數

//輸出: i bought an iphone 7s

3.常見的使用場景

寫模板介面

var htmltemp=`

// 在模板介面中引用變數

div>

`

ES6 字串模板

語法 把字串寫在 裡面,獲取值 var obj 傳統列印 console.log 我的名字叫 obj.name 今年 obj.age 歲 es6 console.log 我的名字叫 今年 歲 模板模組 緊跟在乙個函式名後面,該函式將被呼叫來處理這個模板字串 alert hello alert hel...

ES6 字串模板

es6字串模板 es5let ananiah 大誒呀 let blog 我要忘了你的樣子 ananiah console.log blog 我要忘了你的樣子大誒呀 es6字串模板 let anania 大誒呀 let blogs 我要忘 了你的樣子 document.write blogs 可以放h...

ES6 字串 模板字串

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