9、ES6对象的简写。

橙三吉。 提交于 2020-04-09 19:48:36

在写一个对象的时候,ES6给我们提供了一种简写的方式。例子如下:

<script type="text/javascript">

    let username = "张三";
    let age = 18;

    //普通方式声明一个对象obj
    let obj = {
        username: username,
        age: age,
        add: function() {
            return this.age+34;
        }
    }
    console.log(obj);

    //简写方式声明一个对象obj_t
    let obj_t = {
        username,//属性名、属性的值对应的变量名,是同名的,可以简写。
        age,
        add() { //方法简写。可以去掉冒号和后面的function关键字“: function”
            return this.age+34;
        }
    }
    console.log(obj_t);

    console.log(obj_t.add());
</script>

上面普通方式写一个对象:

    let obj = {
        username: username,
        age: age,
        add: function() {
            return this.age+34;
        }
    }

这里的属性名username和属性值的变量名是一样的,所以开源简写。方法没有什么前提条件,直接可以把冒号和后面的function去掉。(: function)

let obj_t = {
        username,//属性名、属性的值对应的变量名,是同名的,可以简写。
        age,
        add() { //方法简写。可以去掉冒号和后面的function关键字“: function”
            return this.age+34;
        }
    }

 

 

标签
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!