1. 程式人生 > >javascript - 你不容錯過的es6模板寫法

javascript - 你不容錯過的es6模板寫法

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模板寫法