1. 程式人生 > 其它 >ES6語法(一)-3.物件的增強寫法

ES6語法(一)-3.物件的增強寫法

如程式碼所示,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> 49
50 </body> 51 </html>