js es6 symbol_symbol js_js symbol 实现 - 腾讯云开发者社区 - 腾讯云

开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

【JS ES6】了解Symbol类型

作者主页: 作者主页查看更多前端教学专栏分享：css重难点教学 Node.js教学从头开始学习 ajax学习目录声明定义Symbol的几种方式使用Symbol解决字符串耦合问题扩展特性与对象属性保护...: { js: 100, css: 89 }, user2: { js: 20, css: 50 }, } console.log(grade);//{ '李四': { js: 100, css...: 89 }, user2: { js: 20, css: 50 } } let user1 = { name: "李四", key: Symbol('李四') }; let user2...= { name: "李四", key: Symbol() }; let grade = { [user1.key]: { js: 100, css: 89 }, [user2...;//{ [Symbol(李四)]: { js: 100, css: 89 }, [Symbol()]: { js: 20, css: 50 } } 扩展特性与对象属性保护循环遍历Symbol //forin

7451 0

js入门(ES6)---认识Symbol、Map、 Set

认识Symbol、Map、 Set、Proxy Symbol 用法方法 Symbol.for() Symbol.keyFor() 使用场景 Map 用法添加/删除迭代合并Map Set...用法添加/删除由于马上要考研了所以更新慢且有点水 Symbol 表示独一无二的值用法 let test = Symbol(“test”); 控制台打印结果为 ?...方法 Symbol.for() 输入一个字符串在全局搜索被登记的 Symbol是否存在，如果不存在就登记输入的字符串。 ? ?...Symbol.keyFor() 输入一个字符串返回一个已登记的名字为该字符串的Symbol类型的值 ,可以检测该Symbol 值是否已被登如果没有 ? ? 如果有 ? ?...后续会推出每个平台的详细搭建过程前端：js入门 vue入门 vue开发小程序等后端： java入门 springboot入门等服务器：mysql入门服务器简单指令云服务器运行项目

1.7K3 0

您找到你想要的搜索结果了吗？

是的

没有找到

es6 Symbol

1.Symbol 值通过Symbol 函数生成，凡是属性名属于Symbol 类型，就是　　独一无二的，可以保证不会与其他属性名冲突。　　　　　　...let s1 = Symbol('foo'); 　　　　let s2 = Symbol('foo'); 　　　　s1 === s2 // false 2.作为属性名的 Symbol 　　由于每个Symbol...(a),Symbol(b)] 4.Es6 提供内置 Symbol. 　　　　...Symbol.hasInstance Symbol.isConcatSpreadable Symbol.species 　　　　Symbol.match Symbol.replace Symbol..split...Symbol..iterator 　　　　Symbol.toPrimitive Symbol.toStringTag

6397 0

ES6——Symbol

ES6 引入了一种新的原始数据类型Symbol，表示独一无二的值。...let s = Symbol(); typeof s // "symbol" Symbol创建 Symbol 值通过Symbol函数生成，不能使用new，否则会报错。...let s1 = Symbol('foo'); let s2 = Symbol('bar'); s1 // Symbol(foo) s2 // Symbol(bar) s1.toString() /...Symbol函数的参数只是表示对当前 Symbol 值的描述，因此相同参数的Symbol函数的返回值是不相等的。...let sym = Symbol('My symbol'); String(sym) // 'Symbol(My symbol)' sym.toString() // 'Symbol(My symbol

4204 0

ES6 Symbol

在ES6（ECMAScript 2015）中，引入了一种新的原始数据类型，称为Symbol。Symbol表示一个独一无二的标识符，它可以用作对象属性的键。Symbol具有唯一性，不会与其他任何值相等。...创建Symbol：可以使用Symbol()函数来创建一个Symbol。...通过typeof操作符可以验证symbol的类型为"symbol"。Symbol的唯一性：每个通过Symbol()函数创建的Symbol都是唯一的，不会与其他任何值相等，包括其他的Symbol。...示例：// Symbol的唯一性let symbol1 = Symbol();let symbol2 = Symbol();console.log(symbol1 === symbol2); // 输出...通过调用toString()方法，我们可以获取该Symbol的描述符。内置的Symbol值：ES6提供了一些内置的Symbol值，可以在特定场景中使用。

2995 0

ES6之Symbol

声明方式：基本数据类型:let a = Symbol(description); Symbol()声明一个独一无二的Symbol....Symbol.for() Symbol.for() 接受一个字符串作为参数，然后搜索有没有以该参数作为名称的 Symbol 值。...如果有，就返回这个 Symbol 值，否则就新建一个以该字符串为名称的 Symbol 值，并将其注册到全局。 Symbol.for()与Symbol()这两种写法，都会生成新的 Symbol。...Symbol.keyFor(symbol):返回一个全局已登记的描述。 keyFor只能获得for声明全局Symbol的描述。无法获得Symbol的描述。...(并不关心内容，所以使用Symbol()保证独一无二代替字符串) ES6 引入了一种新的原始数据类型 Symbol ，表示独一无二的值。

2661 0

ES6 Symbol实战

本文作者：IMWeb dekuchen 原文出处：IMWeb社区未经同意，禁止转载 ES6 的Symbol到底有什么作用呢？这篇文章为你揭晓。...ES6 Symbol实战前言我们先来看看ES6 Symbol是什么如果有一种机制，保证每个属性的名字都是独一无二的就好了，这样就从根本上防止属性名的冲突。...这就是 ES6 引入Symbol的原因。 ES6 引入了一种新的原始数据类型Symbol，表示独一无二的值。...() // "Symbol(foo)" s2.toString() // "Symbol(bar)" 注意，Symbol函数的参数只是表示对当前 Symbol 值的描述，因此相同参数的Symbol函数的返回值是不相等的...配合ES6的类使用最佳。

3883 0

ES6之symbol

Symbol引入所以为了保证变量的唯一性，ES6在原本的6中基础数据类型(Undefined、Null、Boolean、String、Number、Object)下中引入了Symbol类型，它是独一无二的...Symbol值 Symbol值通过Symbol函数生成，由于生成的值是一个原始类型，不是对象，所以不能使用new关键字，否则会报错。Symbol值是唯一的，不会和其他属性名产生冲突。...var symbol1 = Symbol(); var symbol2 = Symbol(); console.log(typeof symbol1); // symbol symbol1 ==...console.log(s1 + symbol); Symbol参数 Symbol函数可以接受一个字符串作为参数，表示对这个Symbol值的描述。...), Symbol(s2)] Symbol.for()和Symbol.keyFor() 如果想获取同一个Symbol值，我们可以给Symbol.for()中传递一个字符串参数。

4994 0

ES6之symbol

ES6引入了一种新的原始数据类型Symbol，是第七种数据类型，表示独一无二的值。...(obj) console.log(sym);//Symbol(sym) Symbol参数只表示当前值的描述，因为Symbol表示独一无二，所以所有的Symbol都不相等，不管有没有参数： var sym1...通过symbol的独一无二很适合把这个变量通过对象属性变成Symbol。...Symbol.for()： Symbol.for()接受一个字符串作为参数，然后搜索有没有以该参数作为名称的 Symbol 值。...如果有，就返回这个 Symbol 值，否则就新建并返回一个以该字符串为名称的 Symbol 值： var sym1 = Symbol.for('syml'); var sym2 = Symbol.for

2621 0

重温 ES6 Symbol

Symbol 是 ES6 引入的一种新的原始数据类型，表示独一无二的值。...console.log(this[myPrivateMethod]()); } } const myCls = new MyClass(); console.log(myCls.hello()); 在 ES6...article = new Article('Angular'); console.log('Angular7'.search(article)); // Found console.log('重温ES6...方法，比如 article[Symbol.search]('Angular7') 本文简单介绍了 ES6 Symbol 的一些特性，然后介绍了 Symbol 几个应用场景，若想进一步了解 Symbol...，可以阅读一下冴羽大神写的ES6 系列之模拟实现 Symbol 类型这一篇文章。

8792 0

ES６学习笔记－Symbol

ES6引入了一种新的原始数据类型Symbol，表示独一无二的值。...Symbol值通过Symbol函数生成。这就是说，对象的属性名现在可以有两种类型，一种是原来就有的字符串，另一种就是新增的Symbol类型。...var s1 = Symbol('foo'); var s2 = Symbol('bar'); console.log(s1,s2) // Symbol(foo) Symbol(bar)...如果不加参数，输出都是Symbol(),不能区分每个Symbol类型都是独一无二的值,体现在下面这段代码中： var a= Symbol("aaa"); var b= Symbol("aaa");...// 'Symbol(a symbol)' 由于每一个Symbol值都是不相等的，这意味着Symbol值可以作为标识符用于对象的属性名，这就能保证不会出现同名的属性。

2143 0

ES6 Symbol概念与作用

概念 Symbol是一种提供独一无二的值的数据类型。...作用 //ES5中我们可以多次声明一个值 var a = 5; var b = 5; a ===b; //true //ES6中声明的值永远都不相等，保证唯一性 let a = Symbol(); let...我们可以使用另外一种声明的办法： let a = Symbol.for('abc'); let b = Symbol.for('abc'); a===b; //true Symbol.for 不仅声明了一个独一无二的值...使用场景 let obj = { [Symbol.for('abc')]:'111', abc:'1234' } 如果不使用Symbol，那么key值就会重复，还有一种情况，就是别人继承你的对象，也会造成一些问题...因此这种情况下使用Symbol，是很完美的，也不会造成一个冲突。如何取对象中Symbol的值注： for..in.. 是取不到Symbol声明的值的。

2055 0

ES6入门之Symbol

ES6引入了一种新的原始数据类型 Symbol，表示独一无二的值，它是Javascript语言的第七种数据类型。...Symbol值通过 Symbol函数生成，对象的属性名现在可以有两种类型，一种是原有的字符串，另一种就是新增的Symbol类型。...Symbol类型是独一无二的不会和其他属性名产生冲突 let s = Symbol() typeof s // 'Symbol' 注意： Symbol 函数前不能用 new命令，否则会报错。...Symbol(abc) // 注意：Symbol函数的参数只是表示对当前Symbol值的描述，因此相同参数的Symbol函数的返回值不同 let s1 = Symbol() let s2 = Symbol...ES6入门系列 ES6入门之let、cont ES6入门之解构赋值 ES6入门之字符串的扩展 ES6入门之正则的扩展 ES6入门之数值的扩展 ES6入门之对象的扩展 ES6入门之对象的新增方法

2783 0

重学ES6之Symbol

新的基本数据类型Symbol 声明方法。...let s1 = Symbol() let s2 = Symbol("desc") s2.desctipion let s3 = Symbol.for('xx') s3.keyFor(s3) // 返回...xx 寻找全局声明s3的描述存在就返回，不存在返回undefined api symbol.description // 实例属性，获得描述 // 注意symbol并不是对象 // 而且symbol...Object.getOwnPropertySymbol()可以获取，但是只能获取到symbol定义的属性。 Reflect.ownKeys()可以获取普通属性和symbol。...所以在class定义中，symbol可以mock成一种隐藏属性。

2093 0

es6（四）：Symbol，Set，Map

1.Symbol： Symbol中文意思“象征” Symbol:这是一种新的原始类型的值，表示独一无二的值(可以保证不与其它属性名冲突) Symbol()函数前面不能使用new，因为生成的Symbol(...下面指s)是一个原始类型的值，不是对象 1 let s=Symbol() 2 console.log(typeof s)//symbol Symbol可以接受一个字符串作为参数，作为对Symbol...的描述 1 let s1=Symbol('s1') 2 let s2=Symbol('s1') 3 //Symbol是独一无二的值，所以进行比较返回的永远是false 4 console.log...(s1===s2) Symbol的主要运用场景之一是对象属性名不会产生覆盖 1 let name1=Symbol() 2 let obj={ 3 name1:'apple',//此处...,obj['name1'],obj[name1])//前面两种是获取apple写法,后面是获取Symbol(即blue)的写法 2.Set：新的数据结构，类似数组，但是成员的值是唯一的(所以可以用来去重

5366 0

【视频】Es6新特性-Symbol

温馨提示：视频请点此观看视频原文： es6 中的symbol [ˈsɪmbl] symbol 是 ES6 的一个新特性 symbol 是一个 “新” 的基础数据类型；从 ES6 起，JavaScript...的基础数据类型变为 6 个：string, number, boolean, null, undefined, symbol Symbol的目的就是为了实现一个唯一不重复不可变的值，任何一个Symbol...都是唯一的，不会和其他任何Symbol相等。...基本用法： 1，创建局部的Symbol， var _s = Symbol('aaa'); 2，创建全局的Symbol， var _s2 = Symbol.for('aaa') 一般都是使用局部的...Symbol 用途：创建一个唯一不重复不可变的值，使之不会被覆盖

3876 0

ES6 语法详解(Symbol类型)

: * 概念: ES6中的添加了一种原始数据类型symbol(已有的原始数据类型: String Number Boolean null undefined object)...*/ // 1: 调用Symbol函数得到symbol值 let symbol = Symbol() let obj = {...// 2: 传参标识 let symbol2 = Symbol('one') let symbol3 = Symbol('two') console.log...(symbol2) console.log(symbol3) // 可以定义常量 const PERSON_KEY = Symbol('...* 除了定义自己使用的Symbol值以外,ES6还提供了11个内置的Symbol值,指向语言内部使用的方法 * Symbol.iterator *

2261 0

Js中Symbol对象

Js中Symbol对象 ES6引入了一种新的基本数据类型Symbol，表示独一无二的值，最大的用法是用来定义对象的唯一属性名，Symbol()函数会返回symbol类型的值，该类型具有静态属性和静态方法...每个从Symbol()返回的symbol值都是唯一的，一个symbol值能作为对象属性的标识符。描述对于每一个Symbol的值都是不相等的，所以Symbol作为对象的属性名，可以保证属性不重名。...symbol，并放入全局symbol注册表中。...和Symbol()不同的是，用Symbol.for()方法创建的的symbol会被放入一个全局symbol注册表中。...()); // Symbol(s) Symbol.prototype.valueOf() symbol.valueOf() valueOf()方法返回当前symbol对象所包含的symbol原始值。

5K0 0

ES6 学习笔记之 Symbol

ES6 新增的 Symbol 功能还是比较多的，建议大家还是看看原著的内容来充分理解，我仅自己记录一些我可能需要用到的内容。...方 Symbol.keyFor() 方法 Symbol.for 类似一个拷贝函数，可以将某个 Symbol 值重复利用。...如下所示： Symbol.for('abc') === Symbol.for('abc'); // true Symbol('abc') === Symbol('abc') // false Symbol...而 Symbol.for 不同。Symbol.keyFor 方法可以取到 Symbol.for 登记的类型值的 key。...'); console.log(Symbol.keyFor(ss2)); // undefined 内置 Symbol 值 ES6 内置了很多内置值，我仅举个例子演示一下。

2762 0

ES6新增数据类型symbol

ES6新增一种数据类型symbol,此数据类型主要防止相同的属性名多次使用被覆盖问题!...JavaScript的7种数据类型. 1.string 2.number 3.null 4.undefined 5.object 6.boolean 7.symbol... //symbol对象永远不相等,解决属性名相同的问题简单看一下symbol()类型防止属性名相同的例子 //声明一个cars空对象 var cars={} ... //声明name是一个Symbol类型 let name=Symbol(); //给初始的symbol类型的name一个默认值 ...的值总结:symbol数据类型解决局部对象属性的值,用于临时且局部更改对象的属性并不会更改对象原始属性的值!

3812 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭