1. 程式人生 > 實用技巧 >es6 之模板字串標記

es6 之模板字串標記

大家應該都對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=遊戲

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