对象字面量的增强

本文详细介绍了JavaScript中对象字面量的各种语法特性,包括键名与变量名一致时的简化、匿名函数的省略、方括号语法的使用以及模板字符串的等价形式。此外,还讲解了如何通过点语法和方括号语法动态获取和设置属性,并讨论了在属性名不合法情况下的处理方式。
摘要由CSDN通过智能技术生成

只写一个(键名和变量名一致时)

const age = 18;
const person = {
    age
    //等同于age:age
};

省略":function"(方法是匿名函数时)

const person = {
        speak() { }
        //等同于speak:function(){}
    };

方括号语法

语法

[值 / 通过计算可得到值的(表达式)]

const func = () => 'age1'
 const person = {
     //1)放函数
     [func()]: 18,
     //2)放字符串,单双引等价
     ['sex']: 'male',
     //3)放拼接的字符串
     ['s' + 'ex']: 'male'
 };

功能-获取属性值

const prop = 'age';
const person = {};
person.prop = 18; //{prop: 18}
person[prop] = 18;//{age:18}

功能类似于模板字符串${}

点语法是方括号语法的特殊形式

 const person = {};
    person.age
    //等价于person[age]

属性名为合法标识符时,优先用点语法,其他情况下再用方括号语法

属性名不合法的情况:

const obj = {
        [{}]: 'object'
    };
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值