首页 > 其他 > 详细

ES6 动态计算属性名

时间:2019-07-05 18:37:33      阅读:112      评论:0      收藏:0      [点我收藏+]

在ES5之前,如果属性名是个变量或者需要动态计算,则只能通过 对象.[变量名] 的方式去访问。

<script type="text/javascript">
    var p = {
        name : ‘李四‘,
        age : 20
    }
    var attName = ‘name‘;
    console.log(p[attName]) //这里 attName表示的是一个变量名。
</script>

 

而且这种动态计算属性名的方式 在字面量中 是无法使用的。

var attName = ‘name‘;
    var p = {
        attName : ‘李四‘,  // 这里的attName是属性名,相当于各级p定义了属性名叫 attName的属性。
        age : 20
    }
    console.log(p[attName])  // undefined

在ES6中,把属性名用[ ]括起来,则括号中就可以引用提前定义的变量。

var attName = ‘name‘;
    var p = {
        [attName] : ‘李四‘,  // 引用了变量attName。相当于添加了一个属性名为name的属性
        age : 20
    }
    console.log(p[attName])  // 李四

 

ES6 动态计算属性名

原文:https://www.cnblogs.com/web-record/p/11139987.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!