ES6 Symbol

最新推荐文章于 2026-01-07 17:24:30 发布

原创最新推荐文章于 2026-01-07 17:24:30 发布 · 105 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#html

JS 专栏收录该内容

9 篇文章

订阅专栏

本文介绍了如何利用Symbol特性在JavaScript中避免对象键的重复，以解决如班级成绩公布时的姓名冲突问题。通过创建唯一的Symbol实例作为键，确保每个对象属性的独特性，并且Symbol作为键的属性不会被一般遍历方法检索到，可用于隐藏对象的某些属性。示例展示了如何在张三成绩的例子中应用Symbol，以实现对不同个体的准确区分。

介绍

**
Symbol可以理解为一个永远不会重复的字符串，用来区分可能相同造成影响的对象
比如一个班，有两个人都叫张三，那在公布成绩可能会造成影响，也许学校会按年龄分成“大张三”和“小张三”
与之类似的，如果

let classmate={
张三:{"chinese":99,"math":98},
张三:{"chinese":12,"math":33},
}

在控制台输出classmate，只会有最后一个张三，会覆盖前面的
这时候学校也许会加一个修饰作为区分

let classmate={
安分守法张三:{"chinese":99,"math":98},
法外狂徒张三:{"chinese":12,"math":33},
}

那有没有更好解决的问题呢？就可以用Symbol

Symbol怎么用

还是张三的例子：

let classmate1={
name:"张三",
"key":Symbol()
}
let classmate2={
name:"张三",
"key":Symbol()
}
let classmate={
[classmate1.key]:{"chinese":99,"math":98},
[classmate2.key]:{"chinese":12,"math":33,"key":Symbol()},
}