以下是使用引号和不使用引号声明和访问对象属性的方式:
const obj = { key: 'value' }
obj.key
// Or
const obj = { key: 'value' }
obj['key']
区别
如果属性名是数字文字,则可能需要使用不同的键来访问属性值。
const obj = { 12e34: 'hello' }
console.log(obj['1.2e34']) // undefined
console.log(obj['1.2e+35']) // 'hello'
用引号括住属性将有助于我们避免问题:
const obj = { '12e34': 'hello' }
console.log(obj['12e34']) // 'hello'
如果属性是保留关键字之一,那么我们必须使用引号来访问属性值。
const styles = { class: 'foo' }
// 将引发异常,因为类是保留关键字
styles[class]
// 返回 'foo'
styles['class']
对于包含特殊字符(如 -
)的属性,也会发生同样的情况。