JavaScript Symbol是什么_它如何创建唯一标识符

发布时间 - 2026-01-08 00:00:00    点击率:
Symbol 是 JS 中唯一且不可变的原始值,每次调用 Symbol() 都返回独一无二的值,用于解决属性名冲突和私有标识问题;它不可枚举、不被 JSON 序列化,仅能通过 Object.getOwnPropertySymbols() 访问。

Symbol 是什么:JS 中唯一且不可变的原始值

Symbol 是 JavaScript 的第七种原始类型(其余为 stringnumberbooleannullundefinedbigint),它的核心价值在于「每次调用 Symbol() 都返回一个独一无二的值」——哪怕描述相同,两个 Symbol 也绝不相等。

它不是用来替代字符串或数字的,而是解决「属性名冲突」和「私有/内部标识」这类问题的底层机制。比如你无法通过 for...inObject.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.iteratorSymbol.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)优化数据库查询