ES6 动态计算属性名
2024-10-10 20:12:53
在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]) // 李四
最新文章
- com.opensymphony.xwork2.ognl.OgnlValueStack] - target is null for setProperty(null, ";emailTypeNo";, [Ljava.lang.String;@6f205e]
- loj 1429(可相交的最小路径覆盖)
- popupwindow点击空白处如何自动消失?
- 使用sslsplit嗅探tls/ssl连接
- HDU 1253 (简单三维广搜) 胜利大逃亡
- 如何用C#语言构造蜘蛛程序
- [九度OJ]1078.二叉树的遍历(重建)
- 浅谈在实验室的一个作品---8x8x8光立方
- [King.yue]Grid列选中JS控制按钮状态
- statement和preparedstatement的区别
- 用Node.JS+MongoDB搭建个人博客(页面模板)(五)(结束)
- 4.DHCP与PRE
- 有两个表A和B,均有key和value两个字段,如果B的key在A中也有,就把B的value替换为A中对应的value
- css 图片文字垂直居中
- ELK 环境搭建1-Elasticsearch
- Mybatis PageHelper 简单使用
- python 爬虫数据时间转换格式
- 消息中间件及WebSphere MQ入门(转载)
- HDU 3389 阶梯博弈变形
- HDU 1286 找新朋友 (欧拉phi函数打表)