对象属性赋值

题目

执行以下代码，会输出什么

// example1
let a = {}, b = '123', c = 123
a[b] = 'b'
a[c] = 'c'
console.log(a[b])

// example 2
let a = {}, b = Symbol('123'), c = Symbol('123')
a[b] = 'b'
a[c] = 'c'
console.log(a[b])

// example 3
let a = {}, b = { key:'123' }, c = { key:'456' }
a[b] = 'b'
a[c] = 'c'
console.log(a[b])

对象的 key

• 对象的键名只能是字符串和 Symbol 类型
• 其他类型的键名会被转换成字符串类型
• 对象转字符串默认会调用 toString 方法

const obj = {}
obj[0] = 100
const x = { s: 'abc' }
obj[x] = 200
const y = Symbol()
obj[y] = 300
const z = true
obj[z] = 400

Object.keys(obj) // ['0', '[object Object]', 'true']

有些类数组的结构是 { 0: x, 1: y, 2: z, length: 3 } ，如 document.getElementsByTagName('div')
实际上它的 key 是 ['0', '1', '2', 'length']

答案

题目代码执行分别打印 'c' 'b' 'c'

扩展：Map 和 WeakMap

• Map 可以用任何类型值作为 key
• WeakMap 只能使用引用类型作为 key ，不能是值类型