使用Symbol给JS对象添加属性与方法，并访问与调用

Super_BIg HH

于 2021-07-21 11:47:12 发布

阅读量1.8k

点赞数 3

文章标签： javascript

本文链接：https://blog.youkuaiyun.com/m0_56022895/article/details/118962796

版权

本文展示了如何在JavaScript中利用Symbol作为属性名，避免与常规字符串属性名冲突。通过示例代码，解释了如何定义和访问Symbol属性以及调用Symbol属性上的方法，强调了Symbol在确保对象属性唯一性方面的作用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

let say = Symbol()
let name = Symbol()
 
let obj = {
    name: 'Symbol',
    [name]: 'xiaoming',
    [say]: function() {
        console.log('js')
    }
}
            
obj[say]() 
console.log(obj[name])    
console.log(obj.name)

可以看到能正常进行属性访问和方法调用，并且对象内原'name'属性，与Symbol的'name'属性不会发生冲突。(在对象内使用Symbol值定义属性时，Symbol值须放在[ ]中)