js对象属性知识点补充

我之前关于对象的认识是这样的。

创建一个对象都是这样的

let obj = {
    prop1: 'a',
    prop2: 'b',
    prop3: 'c',
    prop4: 'd',
}

使用一个对象属性都是这样的

方法一：
console.log(obj.prop1, obj.prop2);           // a b 
方法二：
let a = 'prop1'
let b = 'prop2'
console.log(obj[a], obj[b], obj['prop3']);                 // a b c

新的发现

新的发现主要是在创建对象属性的方式更多了

创建一个对象

let c = 'prop3'
let obj = {
    prop1: 'a',
    'prop2': 'b',
    [c]: 'c',
    [1+1+1]: 'd',
}
console.log(obj);             // { '3': 'd', prop1: 'a', prop2: 'b', prop3: 'c' }

使用对象属性

console.log(obj.prop1);                       // a
console.log(obj.prop2);                       // b
console.log(obj[c], obj['prop3'], obj.prop3);               // c c c
console.log(obj[1+1+1], obj[3]);              // d d