ES6語法(一)-3.物件的增強寫法
阿新 • • 發佈:2021-07-01
如程式碼所示,ES6物件增強寫法可以減少程式碼量。
1 <!-- 2 @author:invoker 3 @project:project_lianxi 4 @file: 03-物件的增強寫法.html 5 @contact:invoker2021@126.com 6 @descript: 7 @Date:2021/7/1 10:53 8 @version: html5 9 --> 10 11 <!DOCTYPE html> 12 <html lang="en"> 13 <head> 14 <meta charset="UTF-8"> 15<title>03-物件的增強寫法</title> 16 </head> 17 <body> 18 <script> 19 // const obj = new Object() 20 const name= 'invoker' 21 const age = 1000 22 const skillCount = 10 23 // 1.常見寫法 24 const obj = { 25 name:name, 26 age:age, 27 skillCount:skillCount, 28 ultimate:function(){ 29 console.log('天火'); 30 } 31 } 32 33 console.log(obj.name); 34 obj.ultimate() 35 36 // 2.物件增強寫法 37 const obj2 ={ 38 name, 39 age, 40 skillCount, 41 ultimate(){ 42 console.log('天火'); 43 } 44 } 45 46 console.log(obj2.name); 47 obj2.ultimate() 48 </script> 4950 </body> 51 </html>