ES6 Symbol (十三)
创始人
2025-01-11 02:07:03
0
  1. ES5的对象属性名都是字符串,这容易造成属性名的冲突。比如,你使用了一个他人提供的对象,但又想为这个对象添加新的方法(mixin 模式),新方法的名字就有可能与现有方法产生冲突。如果有一种机制,保证每个属性的名字都是独一无二的就好了,这样就从根本上防止属性名的冲突。这就是 ES6 引入 Symbol 的原因。
  2. ES6引入了一种新的原始数据类型Symbol,表示独一无二的值。它是 JavaScript 语言的第七种数据类型,前六种是: undefined 、 null 、布尔值(Boolean)、字符串(String)、数值(Number)、对象(Object)。

主要特性:

  • 唯一性:每个通过 Symbol() 创建的符号都是唯一的。
  • 不可变性:Symbol 值是不可变的,不能被更改。
  • 原始类型:Symbol 是一种原始类型,不是对象。
  • 全局Symbol注册表:所有创建的Symbol都会被注册到全局Symbol注册表中,以确保它们的唯一性。
  • 作为属性键:Symbol 常用作对象属性的键,可以避免属性名冲突。
  • 内置Symbol:ES6 定义了一些内置的 Symbol,如 Symbol.iterator。

用法:

创建Symbol:使用 Symbol() 创建一个新的 Symbol 值。
作为属性键:使用 Symbol 作为对象属性的键,确保属性的唯一性。
内置Symbol:使用 ES6 内置的 Symbol,如 Symbol.iterator 来实现自定义迭代器。

1. 创建和使用Symbol

let mySymbol = Symbol('mySymbol');  let object = {     [mySymbol]: 'This is a unique property' };  console.log(object[mySymbol]); // 输出:This is a unique property 

2. Symbol作为属性键

let uniqueKey = Symbol();  let obj = {     [uniqueKey]: 'This property key is unique' };  console.log(obj[uniqueKey]); // 输出:This property key is unique 

3:内置Symbol Symbol.iterator

let myIterable = {     [Symbol.iterator]: function* () {         yield 1;         yield 2;         yield 3;     } };  [...myIterable]; // 使用扩展运算符和Symbol.iterator进行迭代 // 输出:[1, 2, 3] 

4. Symbol的不可变性和唯一性

let sym1 = Symbol('sym1'); let sym2 = Symbol('sym1');  console.log(sym1 === sym2); // 输出:false,证明Symbol是唯一的  // 尝试修改Symbol的描述 try {     sym1.description = 'New description'; } catch (e) {     console.error(e); // Symbol属性是不可变的,这将抛出错误 } 

5. 使用Symbol避免属性名冲突

let obj = {     id: '123',     [Symbol('key')]: 'secret' };  console.log(obj.id); // 输出:123 console.log(obj[Symbol('key')]); // 输出:secret // 其他代码无法通过猜测 'key' 属性名来访问 'secret' 属性 

6. 使用Symbol检查属性

let mySymbol = Symbol('mySymbol'); let obj = {[mySymbol]: 'This is unique'};  if (mySymbol in obj) {     console.log('Property exists'); // 输出:Property exists }  // 检查属性是否存在于对象的自身属性中,不包括原型链 if (Object.hasOwnProperty.call(obj, mySymbol)) {     console.log('Property is own property'); // 输出:Property is own property } 

Symbol使用注意事项:

  1. Symbol 值不能被隐式地转为字符串或数字,如果需要进行转换,可以使用 String() 函数或 Number() 函数。
  2. Symbol 作为属性键时,不能使用点操作符访问,必须使用方括号 []。
  3. 由于 Symbol 的唯一性,它常用于防止属性名冲突,实现私有属性的效果。

相关内容

热门资讯

针对!微信新众游辅助(辅助)果... 针对!微信新众游辅助(辅助)果然是真的有辅助教程(有挂细节)1、游戏颠覆性的策略玩法,独创攻略技巧玩...
黑科技辅助挂!微信牵手跑的快辅... 黑科技辅助挂!微信牵手跑的快辅助(辅助)竟然真的是有辅助器(今日头条)小薇(辅助器软件下载)致您一封...
据公告内容!乐酷大厅怎么安装(... 据公告内容!乐酷大厅怎么安装(辅助)一直是有辅助软件(真是有挂)1、完成乐酷大厅怎么安装有辅助插件,...
今年以来!新超圣辅助靠谱不(辅... 今年以来!新超圣辅助靠谱不(辅助)好像是真的有辅助教程(有挂神器)1、全新机制【新超圣辅助靠谱不ai...
据权威媒体报道!老友赣州麻将破... 据权威媒体报道!老友赣州麻将破解版(辅助)果然是有辅助神器(有挂猫腻)1、玩家可以在老友赣州麻将破解...
此事引发网友热议!闲聚鱼虾蟹软... 此事引发网友热议!闲聚鱼虾蟹软件脚本(辅助)真是真的是有辅助挂(有挂技术)1、用户打开应用后不用登录...
事发当天!边锋干瞪眼辅助器(辅... 事发当天!边锋干瞪眼辅助器(辅助)真是存在有辅助方法(有挂实锤)1、边锋干瞪眼辅助器免费辅助多个强度...
为了进一步!欢乐联盟免费辅助(... 为了进一步!欢乐联盟免费辅助(辅助)一直是有辅助软件(有挂助手)运欢乐联盟免费辅助辅助工具,进入游戏...
复盘辅助挂!和和营口辅助(辅助... 复盘辅助挂!和和营口辅助(辅助)果然是真的有辅助器(今日头条)和和营口辅助是不是有人用挂微扑克wpk...
技巧辅助挂!极速摇一摇鱼虾蟹辅... 技巧辅助挂!极速摇一摇鱼虾蟹辅助(辅助)一贯确实有辅助软件(有挂神器)极速摇一摇鱼虾蟹辅助透视方法中...