ES中Symbol数据类型解释-js教程-PHP中文网

ES中Symbol数据类型解释

一个新手

发布： 2017-09-27 09:56:48

原创

1795 人浏览过

作用

声明独一无二的变量

两个Symbol是不相等的。

let a1 = Symbol();  //不用newlet a2 = Symbol();
console.log(a1===a2); //false

登录后复制

防止key值冲突

let a1=Symbol.for(&#39;abc&#39;);let obj={
        [a1]:&#39;123&#39;,        &#39;abc&#39;:345,        &#39;c&#39;:456};
console.log(&#39;obj&#39;,obj);  // {abc: 345, c: 456, Symbol(abc): "123"}

登录后复制

[a1]就是上面的Symbol，它的key值是’abc’，

而下面也有一个key值是’abc’，但是不冲突。

方法

Symbol.for() 查找key值

这种方法会在全局搜索key值，

如果有，就返回值；

如果没有，就会生成key值。

let a3=Symbol.for(&#39;a3&#39;); //声明keylet a4=Symbol.for(&#39;a3&#39;); //找到变量a3对应的key值
console.log(a3===a4);    //a3 === a3

登录后复制

Object.getOwnPropertySymbols() 获取value

它只能拿到Symbol()的value值，拿不到普通属性的value值
返回值：

数组

实例

let s5 = Symbol(&#39;s5&#39;);let s6 = Symbol(&#39;s6&#39;);let a = {
    [s5]: &#39;rs5&#39;,
    [s6]: &#39;rs6&#39;}Object.getOwnPropertySymbols(a).forEach(function(item){
    console.log(a[item]);  // rs5  rs6})

登录后复制

Reflect.ownKeys() 获取key和value

可以拿到Symbol()和非Symbol的key值、value值
返回值：数组实例

let s5 = Symbol(&#39;s5&#39;);let s6 = Symbol(&#39;s6&#39;);let a = {
    [s5]: &#39;rs5&#39;,
    [s6]: &#39;rs6&#39;}

Reflect.ownKeys(a).forEach(function(item){
    console.log(item,a[item]); // Symbol(s5) "rs5"  Symbol(s6) "rs6"})

登录后复制

以上是ES中Symbol数据类型解释的详细内容。更多信息请关注PHP中文网其他相关文章！