9、ES6对象的简写。

在写一个对象的时候,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;
        }
    }

猜你喜欢

转载自my.oschina.net/u/2601303/blog/1635024