No.49 ES6---对象的扩展

1、属性的简洁表示法

  • ES6 允许在大括号里面，直接写入变量和函数，作为对象的属性和方法。这样的书写更加简洁。
<body>
    <script>
        var name = "zhangsan";
        var user = {
            name:name,    //这里属性名和属性值是同样的变量名称，可以写成name,就是属性的简洁表示。
            age:20
        }
    </script>
</body>

　2、除了属性简写，方法也可以简写

<body>
    <script>
        var name = "zhangsan";
        var user = {
            //属性简写
            //name:name,    //这里属性名和属性值是同样的变量名称，可以写成name,就是属性的简洁表示。
            name,
            age:20,

            // getName:function(){
            //     console.log(this.name)
            // }
            //方法简写
            getName(){
                console.log(this.name)
            }
        }

        user.getName()
    </script>
</body>

3、属性名表达式

  • ES6 允许字面量定义对象时，用表达式作为对象的属性名，即把表达式放在方括号内。
<body>
    <script>
        var ib = "ibdagagad";
        var user = {
            [ib]:"asgsgfshfga",
            age:20
        }

        console.log(user)
    </script>
</body>

 

4、对象的扩展运算符（...）

 

 

 

　　

　

　

posted @ 2025-03-11 09:22  百里屠苏top  阅读(10)  评论(0)    收藏  举报