JavaScript Symbol是什么_它如何创建唯一标识符
发布时间 - 2026-01-08 00:00:00 点击率:次Symbol 是 JS 中唯一且不可变的原始值,每次调用 Symbol() 都返回独一无二的值,用于解决属性名冲突和私有标识问题;它不可枚举、不被 JSON 序列化,仅能通过 Object.getOwnPropertySymbols() 访问。
Symbol 是什么:JS 中唯一且不可变的原始值
Symbol 是 JavaScript 的第七种原始类型(其余为 string、number、boolean、null、undefined、bigint),它的核心价值在于「每次调用 Symbol() 都返回一个独一无二的值」——哪怕描述相同,两个 Symbol 也绝不相等。
它不是用来替代字符串或数字的,而是解决「属性名冲突」和「私有/内部标识」这类问题的底层机制。比如你无法通过 for...in 或 Object.keys() 枚举到 Symbol 键,这使它天然适合做“隐藏但可访问”的属性名。
如何创建 Symbol:带描述 vs 不带描述的区别
Symbol 必须用函数调用方式创建,不能加 new,否则报 TypeError: Symbol is not a constructor。描述(description)参数是可选字符串,仅用于调试显示,不影响唯一性。
-
Symbol('foo')和Symbol('foo')是两个完全不同的值,===返回false - 空描述
Symbol()和Symbol('')也不相等 - 描述会被转为字符串,
Symbol(42)等价于Symbol('42')
const s1 = Symbol('id');
const s2 = Symbol('id');
console.log(s1 === s2); // false
console.log(s1.toString()); // "Symbol(id)"
console.log(Symbol(123).toString()); // "Symbol(123)"
Symbol.for() 和 Symbol.keyFor():全局注册表的例外
普通 Symbol() 总是唯一的,但 Symbol.for(key) 会先检查全局 Symbol 注册表中是否已有该 key 对应的 Symbol;有则返回,无则新建并登记。这意味着它打破了“每次必唯一”的规则,但提供了跨模块共享 Symbol 的能力。
-
Symbol.for('debug')多次调用返回同一个 Symbol -
Symbol.keyFor(sym)只对通过Symbol.for()创建的 Symbol 有效,对普通 Symbol 返回undefined - 全局注册表是全局环境共享的,Node.js 模块间、iframe 间都可见
const a = Symbol.for('shared');
const b = Symbol.for('shared');
console.log(a === b); // true
const c = Symbol('shared');
console.log(Symbol.keyFor(c)); // undefined
console.log(Symbol.keyFor(a)); // "shared"
Symbol 作为对象属性键:枚举性与访问限制
Symbol 可以作为对象属性键使用,但它的行为和字符串键完全不同:它不会出现在 Object.keys()、Object.getOwnPropertyNames() 或 JSON.stringify() 中,只能通过 Object.getOwnPropertySymbols() 或 Reflect.ownKeys() 获取。
- 用
obj[sym] = value赋值后,必须用同个 Symbol 实例才能读取 - Symbol 键属性默认是“不可枚举”的,但它是可配置、可写的(除非显式
Object.defineProperty修改) - ES6 内置大量知名 Symbol(如
Symbol.iterator、Symbol.toStringTag),用于定制对象行为
const sym = Symbol('hidden');
const obj = { [sym]: 'secret', name: 'alice' };
console.log(Object.keys(obj)); // ['name']
console.log(Object.getOwnPropertySymbols(obj)); // [Symbol(hidden)]
console.log(obj[sym]); // 'secret'
console.log(JSON.stringify(obj)); // {"name":"alice"}
Symbol 的“唯一性”只在手动创建时成立;一旦用了 Symbol.for() 或复用已有 Symbol 实例,就变成可预测的标识符了。真正容易忽略的是:它不参与常规属性遍历,也不被序列化——如果你依赖 for...in 或深拷贝工具同步 Symbol 属性,大概率会漏掉。
# javascript
# es6
# java
# js
# node.js
# json
# node
# 工具
# 注册表
# 区别
# red
相关栏目:
【
网站优化151355 】
【
网络推广146373 】
【
网络技术251813 】
【
AI营销90571 】
相关推荐:
Laravel Facade的原理是什么_深入理解Laravel门面及其工作机制
如何快速生成橙子建站落地页链接?
如何在阿里云部署织梦网站?
Laravel模型关联查询教程_Laravel Eloquent一对多关联写法
Laravel如何使用Blade组件和插槽?(Component代码示例)
简历没回改:利用AI润色让你的文字更专业
CSS3怎么给轮播图加过渡动画_transition加transform实现【技巧】
如何在搬瓦工VPS快速搭建网站?
Linux系统运维自动化项目教程_Ansible批量管理实战
如何在宝塔面板中修改默认建站目录?
奇安信“盘古石”团队突破 iOS 26.1 提权
Laravel的.env文件有什么用_Laravel环境变量配置与管理详解
东莞专业网站制作公司有哪些,东莞招聘网站哪个好?
昵图网官方站入口 昵图网素材图库官网入口
Linux系统命令中tree命令详解
Laravel怎么处理异常_Laravel自定义异常处理与错误页面教程
制作网站软件推荐手机版,如何制作属于自己的手机网站app应用?
Laravel定时任务怎么设置_Laravel Crontab调度器配置
米侠浏览器网页图片不显示怎么办 米侠图片加载修复
如何在万网ECS上快速搭建专属网站?
装修招标网站设计制作流程,装修招标流程?
如何在阿里云ECS服务器部署织梦CMS网站?
使用PHP下载CSS文件中的所有图片【几行代码即可实现】
Laravel如何升级到最新的版本_Laravel版本升级流程与兼容性处理
Laravel如何使用Collections进行数据处理?(实用方法示例)
Laravel如何与Pusher实现实时通信?(WebSocket示例)
JavaScript常见的五种数组去重的方式
Laravel Artisan命令怎么自定义_创建自己的Laravel命令行工具完全指南
如何在局域网内绑定自建网站域名?
Python数据仓库与ETL构建实战_Airflow调度流程详解
网站制作公司哪里好做,成都网站制作公司哪家做得比较好,更正规?
Claude怎样写结构化提示词_Claude结构化提示词写法【教程】
如何在云主机快速搭建网站站点?
Python结构化数据采集_字段抽取解析【教程】
Laravel Admin后台管理框架推荐_Laravel快速开发后台工具
PHP怎么接收前端传的文件路径_处理文件路径参数接收方法【汇总】
如何在Windows服务器上快速搭建网站?
js实现获取鼠标当前的位置
Laravel如何实现多表关联模型定义_Laravel多对多关系及中间表数据存取【方法】
如何制作公司的网站链接,公司想做一个网站,一般需要花多少钱?
PHP 500报错的快速解决方法
javascript和jQuery中的AJAX技术详解【包含AJAX各种跨域技术】
如何快速生成ASP一键建站模板并优化安全性?
VIVO手机上del键无效OnKeyListener不响应的原因及解决方法
网站视频制作书签怎么做,ie浏览器怎么将网站固定在书签工具栏?
Laravel如何自定义分页视图?(Pagination示例)
Laravel如何实现数据导出到PDF_Laravel使用snappy生成网页快照PDF【方案】
详解ASP.NET 生成二维码实例(采用ThoughtWorks.QRCode和QrCode.Net两种方式)
微信小程序制作网站有哪些,微信小程序需要做网站吗?
Laravel N+1查询问题如何解决_Eloquent预加载(Eager Loading)优化数据库查询
下一篇:linux 软链接是什么
下一篇:linux 软链接是什么


const b = Symbol.for('shared');
console.log(a === b); // true
const c = Symbol('shared');
console.log(Symbol.keyFor(c)); // undefined
console.log(Symbol.keyFor(a)); // "shared"