ES6(Symbol)

最新推荐文章于 2024-05-20 00:00:00 发布
原创 最新推荐文章于 2024-05-20 00:00:00 发布 · 613 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#ES6 #前端

本文深入探讨了Symbol数据类型的概念及作用，重点介绍了如何利用Symbol确保每个值的唯一性，避免对象中属性名重复导致的问题，并提供了获取Symbol作为键值属性的方法。

Symbol

1.Syobol的概念

这种数据类型提供一个独一无二的值

2.Symbol的作用

见代码

 

永远不可能相等，保证值的独一无二。

 

a3  a4 是 K值

 

相同名称的值不会冲突

（对象中有用到 Symbol 做Key值的话，通过 let of 是拿不到属性的）

 

解决办法

可以拿到Symbol 作为 Key 值的属性

 

可以像传统的那样采用遍历的方法取到全部属性值

ES6——Symbol
Rookie_lei的博客
07-24 1790
【代码】ES6——Symbol。
es6 symbol的实现方法示例
10-17
ES6 Symbol是JavaScript语言中新增的一种原始数据类型，它提供了一种机制，以创建独一无二的值。在ES5中，由于对象的属性名只能是字符串类型，这导致在不同的上下文中可能会产生冲突，特别是在需要合并来自不同源的...
ES6之symbol
weixin_34290352的博客
04-30 178
ES6引入了一种新的原始数据类型Symbol，是第七种数据类型，表示独一无二的值。语法： var sym = Symbol(); console.log(typeof sym);//symbol Symbol函数接收一个字符串参数，表示描述，主要为了在控制台显示或者转成字符串区分： var sym1 = Symbol('sym1'); var sym2 = Symbol('sym2'); cons...
ES6中的Symbol
王工头的博客
01-30 244
ES6中的Symbol 欢迎访问我的博客，祝码农同胞们早日走上人生巅峰，迎娶白富美~~~ 声明：本文参考业界大佬阮一峰老师的Symbol 引入Symbol的好处 为解决属性名冲突问题而生 ES5 中方法和属性的命名： 以前，我们给一个对象下的方法或者属性命名的时候，可能会与该对象原有的方法或者属性产生冲突，这样...
es6 Symbol
林中明月间丶
06-03 441
<script> var s = Symbol("a"); console.log(s)//Symbol() console.log(typeof s)//symbol var s2 = Symbol("b"); console.log(s2)//Symbol() console.log...
ES6中的Symbol类型
weixin_33943347的博客
07-28 861
前面的话 　　ES5中包含5种原始类型：字符串、数字、布尔值、null和undefined。ES6引入了第6种原始类型——Symbol 　　ES5的对象属性名都是字符串，很容易造成属性名冲突。比如，使用了一个他人提供的对象，想为这个对象添加新的方法，新方法的名字就有可能与现有方法产生冲突。如果有一种机制，保证每个属性的名字都是独一无二的，这样就从根本上防止了属性名冲突。这就是ES6引入Symb...
详解ES6 Symbol 的用途
10-17
ES6（ECMAScript 2015）引入了一种新的原始数据类型Symbol，它是一种唯一且不可变的数据类型，可以用来创建唯一的标识符。Symbol的主要用途是创建对象属性的唯一键，从而避免在不同模块或类库之间的命名冲突。Symbol...
ES6 Symbol在对象中的作用实例分析
10-15
ES6 Symbol 是JavaScript语言新增的一种原始数据类型，它表示独一无二的值，确保了在对象属性名中的唯一性，从而避免了属性名冲突的问题。在对象中使用Symbol的主要优点包括： 1. **声明Symbol**: 创建一个Symbol...
ES6 Symbol数据类型的应用实例分析
10-16
ES6 Symbol数据类型是JavaScript语言新增的一个原始数据类型，它表示独一无二的值，无法通过常规方式获取或创建，这使得Symbol成为了解决特定问题的理想选择，尤其是对于对象属性的命名冲突和实现私有属性。...
ES6之Symbol
最新发布
BradenHan的专栏
05-20 1285
TOC/TOC。
ES6-Symbol（一）
张致豪
03-10 586
在ES6中新添加了一种数据类型，也就是说现在总共有7种数据类型。undefined、Null、String、Number、Boolean、Object、Symbol 添加这个新类型的唯一目的就是防止对象属性重名 假如我们引入了其他人写的一个对象obj，我们想重新给obj添加一个属性x，但是原来的对象已经有属性x（我们并知道属性x已经存在），这时候我们添加的属性就把原来的属性覆盖了。 va...
ES6之Symbol详解
热门推荐
夕山雨的博客
11-30 2万+
目录一、什么是Symbol？二、Symbol的作用三、Symbol的语法规范1. 基本语法2. Symbol属性的遍历3. Symbol.for()，Symbol.keyFor()四、内置的Symbol值1. Symbol.hasInstance2. Symbol.isConcatSpreadable3. Symbol.species4. Symbol.match/replace/search/...
ES6-Symbol
CoderHenryLee的博客
01-29 257
什么是Symbol？ Symbol可以认为是ES6新增的一种数据类型，而且是一种值类型。表示独一无二的值！ 为什么要使用Symbol？ ES5中对象属性都是用字符串来定义的，当对象使用的多时，有可能会遇到对象属性命名重复的冲突，在ES6中，为了解决这种冲突，所以产生了新的数据类型，也就是Symbol出现及使用的原因！ 如何使用Symbol？ 示例1： //使用Symbol函数执行来生成一个Symb...
es6 Symbol
qq_23864401的博客
03-08 371
Symbol:es6新增数据类型，表示独一无二的值 let s1=Symbol()由于 Symbol 值不是对象，所以不能添加属性。基本上，它是一种类似于字符串的数据类型。 let s1 = Symbol('foo'); let s2 = Symbol('bar'); s1 // Symbol(foo) s2 // Symbol(bar) s1.toString() // "Symbol(fo...
ES6 Symbol
m0_58510118的博客
05-21 259
一、Symbol数据类型 1.创建symbol // 1.用Symbol创建 let symbol = Symbol() console.log(symbol, typeof symbol); //Symbol() 'symbol' let name1 = Symbol('张三') let name2 = Symbol('张三') console.log(name1, name2); //Symbol(张
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值