ES6参考---简化的对象写法

一、总结

一句话总结：

主要是把键值对写法变成只有一部分，一部分是同名属性赋值，另一部分是函数赋值

1、省略同名的属性值：x : x 写成 x,
2、省略方法的function：getPoint : function () {} 写成 getPoint(){}

1、简化的对象写法的两种情况？

1、省略同名的属性值：x : x 写成 x,

2、省略方法的function：getPoint : function () {} 写成 getPoint(){}

let x = 3;
let y = 5;
//普通额写法
// let obj = {
//    x : x,
//    y : y,
//    getPoint : function () {
//        return this.x + this.y
//    }
// };
//简化的写法
let obj = {
    x,
    y,
    getPoint(){
        return this.x
    }
};
console.log(obj, obj.getPoint());

二、简化的对象写法

博客对应课程的视频位置：

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4   <meta charset="UTF-8">
 5   <title>05_简化的对象写法</title>
 6 </head>
 7 <body>
 8 <!--
 9 简化的对象写法
10 * 省略同名的属性值
11 * 省略方法的function
12 * 例如:
13   let x = 1;
14   let y = 2;
15   let point = {
16     x,
17     y,
18     setX (x) {this.x = x}
19   };
20 -->
21 <script type="text/javascript">
22 
23     let x = 3;
24     let y = 5;
25     //普通额写法
26 //    let obj = {
27 //        x : x,
28 //        y : y,
29 //        getPoint : function () {
30 //            return this.x + this.y
31 //        }
32 //    };
33     //简化的写法
34     let obj = {
35         x,
36         y,
37         getPoint(){
38             return this.x
39         }
40     };
41     console.log(obj, obj.getPoint());
42 </script>
43 </body>
44 </html>