es6 之模板字串標記
阿新 • • 發佈:2020-07-18
大家應該都對es6新出的模板字串比較熟悉,語義得出返回的是字串,通過"``"將內容包裹起來形成一個新字串.方便在於拼接引數直接"${引數}"就可以實現。
但這篇文章的重點在於:
字串標記
const name1 = '運動'; const name2 = '遊戲'; let str = tag `我喜歡${name1},也喜歡玩${name2}。`; function tag(parts) { const arrValues = Array.from(arguments).slice(1); let str = ''; for (let i = 0; i < arrValues.length; i++) { str += `${parts[i]}:${arrValues[i]}`; if (arrValues.length-1 == i) { str += parts[i + 1]; } } return str; } console.log(str);
通過列子分析,如果在模板字串前面添加了一個函式.則會執行函式。且方法引數為:
tag(flag1,flag2,flag3,...);
flag=["我喜歡","。也喜歡玩","。"]
flag2=運動
flag3=遊戲
都得到了所有引數,那豈不是可以為所欲為,所以這裡就舉例了一個簡單例子,在每個引數前面新增一個:
,如果有興趣的話自己下去試一下。