ES6课程---4、对象的简写方式

转载

mb5fe55a1c73221 2020-04-08 19:32:00

ES6课程---4、对象的简写方式

一、总结

一句话总结：

在es6中，在对象中，对于属性名和属性值是一样的情况，可以省略同名的属性，在对象的方法中，可以省略掉冒号和function

let name="林黛玉";
let age=14;
let linDaiYu={
  //name:name,
  name,
  //age:age
  age,
  // say:function () {
  //     console.log('我是'+this.name);
  // }
  say() {
      console.log('我是'+this.name);
  }
};

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

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

2、省略方法的冒号和function：say:function () {} 写成 say(){}

let name="林黛玉";
let age=14;
let linDaiYu={
  //name:name,
  name,
  //age:age
  age,
  // say:function () {
  //     console.log('我是'+this.name);
  // }
  say() {
      console.log('我是'+this.name);
  }
};

二、对象的简写方式

博客对应课程的视频位置：4、对象的简写方式

https://www.fanrenyi.com/video/24/199

1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>对象的简写方式</title>
 6 </head>
 7 <body>
 8 <!--
 9 
10 在es6中，在对象中，如果属性名和属性值是一样的，
11 es6提供一种简写方式：
12 同名的属性可以省略不写
13 
14 在es6中，对对象中的 方法也提供了一种简写方式：
15 就是可以省略掉方法中的冒号和function
16 
17 -->
18 <script>
19     let name="林黛玉";
20     let age=14;
21     let linDaiYu={
22         //name:name,
23         name,
24         //age:age
25         age,
26         // say:function () {
27         //     console.log('我是'+this.name);
28         // }
29         say() {
30             console.log('我是'+this.name);
31         }
32     };
33     console.log(linDaiYu);
34     linDaiYu.say();
35 </script>
36 </body>
37 </html>