<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>简化的（增强的）对象字面量</title> </head> <body> <script type="text/javascript"> // 字面量语法定义对象（ES5） // var obj = { // "age":30, // "nickname":"老三", // "sex":"男" // }; //ES6语法 //属性 如果属性值 单独有对应的变量，则可以简化 var age = 30; var nickname = "老三"; var sex = "男"; //预期效果如下 // var obj = { // "age":age, // "nickname":nickname, // "sex":sex // }; var obj = { age, nickname, sex }; var obj = {age,nickname,sex}; console.log(obj); // var obj = { // "age":30, // "nickname":"老三", // "sex":"男" // }; </script> <script type="text/javascript"> //方法 // var obj = { // "age":30, // "nickname":"老三", // "sex":"男", // "say":function(){ // return "hello"; // } // }; //ES6 对象中的方法，function可以省略不写,方法名两边的引号一般不写 // var obj = { // "age":30, // "nickname":"老三", // "sex":"男", // say(){ // return "hello"; // } // }; // console.log(obj.say()) </script> <script type="text/javascript"> //原型 //可以在字面量语法中，指定原型对象 __proto__ var person = { coding(){ return ‘我在敲代码‘; } }; var age = 30; var obj = { "__proto__":person, // "age":30, age, "nickname":"老三", "sex":"男", say(){ return "hello"; } }; console.log(obj.say()); console.log(obj.coding()); </script> </body> </html>