码迷,mamicode.com
首页 > 其他好文 > 详细

es6中新增对象的特性和方法

时间:2017-11-29 10:20:24      阅读:156      评论:0      收藏:0      [点我收藏+]

标签:func   cti   his   this   方式   变量   情况下   简单的   console   

1. 对象简写

    //曾经假如是这样的
    var name = ‘xxx‘
    var obj = {
        name : name,   
        say : function(){
            alert(this.name)
        }
    }
    //对象简写后
    var obj = {
        name,
        say(){
            alert(this.name)
        }
    }
   //简单的说就是写对象的时候把冒号以及左边的key省了,直接写变量名或者方法名,这个应用还是很广泛的。

2. 属性名表达式

    //曾经定义的时候可以这样这样
    var obj = { 
        name : ‘小白‘,
        age : 20
    }
    //也可以这样
    obj.name = ‘小白‘
    obj[‘a‘ + ‘ge‘] = 20 

    //现在可以让上面的两种方式合体了。。。
    var name = ‘name‘
    var obj = {
        [name] : ‘小白‘,    // 数组里用变量作为属性名
        [‘a‘ + ‘ge‘] : 20
    }
    //看到没,在字面量的情况下使用变量和字符串拼接定义属性。。。合体了~
    console.log( obj[name], obj.age )

es6中新增对象的特性和方法

标签:func   cti   his   this   方式   变量   情况下   简单的   console   

原文地址:http://www.cnblogs.com/sunheng/p/7918742.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!