js 简化的（增强的）对象字面量 ES6 

<!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>

 

posted @ 2021-02-25 13:08  华北业余选手  阅读(44)  评论(0)    收藏  举报