javascript - 你不容錯過的es6模板寫法
阿新 • • 發佈:2018-09-04
col views javascrip unit es6 view 音符 style ons
1 /** 2 * ``即重音符(128鍵盤左上角ESC下面那個鍵盤) 3 * 隸屬:模板字符串 4 */ 5 6 let unit = ‘4‘; 7 let keywords = ‘uc‘; 8 9 // step1:模板變量 ${variable_name} 10 let url = `Shell${keywords}${unit}`; 11 console.log(url); 12 13 // 舊 14 let urls = ‘Shell‘ + keywords + unit;15 console.log(urls); 16 17 18 19 // step2: 模板制作(更加智能化) 20 let view = ` 21 <view class="${url}">${unit}</view> 22 <view class="${url}${unit}">${unit}</view> 23 `; 24 console.log(view); 25 26 // 舊 27 let views = "<view class=" + url + unit + ">" + url + "</view>";28 console.log(views);
javascript - 你不容錯過的es6模板寫法