ES規範 ES6 模板字串

2021-09-10 02:11:17 字數 1184 閱讀 1526

安利乙個阮老師的es6 

var   obj=;

console.log('我叫:' + obj.name + ', 我的年齡是:' + obj.age);

常用的輸出格式是使用大量的引號與加號來拼接。要是變數較多的情況下,這種方式很不方便。

es6中提供了模板字串,

樣式:使用反引號 ··(tab上面的那個鍵),使用${}將變數括起來,(變數如果不宣告或報錯),這裡面也可以不是變數,只是字串。

console.log(`我叫:$,我的年齡是:$`);
** 變數如果不宣告,會報錯:

console.log(`變數如果沒宣告,會報錯的:$`);

console.log(`也可以是單獨的字串呢:$`);
同時,可以:

1.可以包含換行:反引號內可以有多個換行,縮排,都可以在使用的時候被識別;

/**空格,縮排,都可以被識別輸出**/

console.log(`no matter what you do

keep moving forward`);

輸出如下:

2. 可以在${}中引入變數,或者包含任意的js表示式 ,可以進行運算

var x=88;

var y=100;

console.log(`x=$,y=$`);//x=89,y=189

3.**模板字串可以呼叫函式這個功能很強大了。

/**模板字串可以呼叫函式**/

function string()

console.log(`你想說什麼?

嗯,$`);

輸出如下:

如果函式的結果不是字串,輸出的時候會按照一般的規則 轉換為字串。

4.如果模板字串中包含特殊字元,需要轉義

console.log(`\`哈哈`);

ES6模板字串

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

es6 模板字串

模板字串 反引號表示 是增強版的字串,可以用作普通字串,也可以使用多行字串,也可以巢狀使用 1 this is a string 2 this is a string 3 let n a this is string 在模板字串中輸出多行字串的時候,會按照書寫的格式進行輸出,字元之間的空格和縮排都會...

es6模板字串

es6新增的建立字串的方式,使用反引號定義 let str 模板字串 console.log str 特點 可以解析變數。將變數放於 中 let val 123 let str2 模板字串 console.log str2 現在在模板字串的字串換行書寫,同時顯示也會進而換行顯示 let obj le...