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>
