ES6 之模板字串標記

2022-05-18 17:08:19 字數 571 閱讀 9241

大家應該都對es6新出的模板字串比較熟悉,語義得出返回的是字串,通過"``"將內容包裹起來形成乙個新字串.方便在於拼接引數直接"$"就可以實現。

但這篇文章的重點在於:

const name1 = '運動';

const name2 = '遊戲';

let str = tag `我喜歡$,也喜歡玩$。`;

function tag(parts,...args) :$`;

if (args.length-1 == i)

}return str;

}console.log(str);

通過列子分析,如果在模板字串前面新增了乙個函式.則會執行函式。且方法引數為:

tag(flag1,flag2,flag3,...);

flag=["我喜歡","。也喜歡玩","。"]

flag2=運動

flag3=遊戲

都得到了所有引數,那豈不是可以為所欲為,所以這裡就舉例了乙個簡單例子,在每個引數前面新增乙個:,如果有興趣的話自己下去試一下。

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...