Symbol类型

港控/mmm° 2023-10-13 21:14 11阅读 0赞

### 如何定义symbol类型(2种方式) ###

let id1 = Symbol();
    console.log(typeof id1);

如果我们将 id 定义为数字类型，当他们id相同时，判断它们是否相等，结果肯定是相等的。

let id1 = 666;
       let id2 = 666;
       console.log(id1 === id2);// true

但是如果我们将它们定义为symbol类型，那么它们的值是永远不会一样的。

let id1 = Symbol();
        let id2 = Symbol();
    
        console.log(id1 === id2);

另外，我们在之前提到了，symbol类型属于基本类型。所以它不是对象，你是不能给它添加属性的。

let id1 = Symbol();
        id1.name = "codereasy"; //这样的写法是错误的

那么，有的同学可能会问，在上面的代码当中，如何区分 id1 和 id2 呢？我们声明的时候都是通过 `Symbol()`创建的，似乎不太好区分。所以，为了区分两个不同的symbol，我们在创建symbol类型的时候可以给他们加上描述。

let id1 = Symbol("我是1号");
        let id2 = Symbol("我是2号");
        console.log(id1);

接下来，当我们打印 id1 和 id2 的时候就可以看到它们的描述了。如果你只想看到它的描述内容，可以使用 id1.description.

通过前面的介绍，我们知道每次 Symbol() 都会返回一个新的值，因此 id 1 和 id2的值是不一样的，如果我们想让 id1 === id2 应该如何操作呢？这就引出了定义symbol的第二种方式 symbol.for()

let id1 = Symbol.for("我是1号");
        let id2 = Symbol.for("我是1号");
        console.log(id1 === id2);

当我们通过symbol.for来定义一个symbol类型之后，如果想要获取它的描述，应该怎么做呢？

let descroption = Symbol.keyFor(id1)

注意，`Symbol.keyFor` 这种方式只能获取 `Symbol.for`定义的变量。普通方式定义的是无法获取的。

### 应用场景 ###

1.解决id重复的问题

let salary = {
        
          张三: 6000,
          张三: 12000,
        };
        console.log(salary); //张三: 12000

如果我们想看第二个张三的工资

salary[person2.key]

### symbol的其他特性 ###

key in 和key of dou不能遍历

如果我们想遍历symbol，那么需要用以下代码

for (const key of Object.getOwnPropertySymbols(person1)) {
        
          console.log(key);
        }

如果我们想要遍历所有属性，需要用Reflect.ownKeys（）

let person1 = {
        
          name: "张三",
          [Symbol()]: "我是symbol属性",
        };
    
        for (const key of Reflect.ownKeys(person1)) {
        
          console.log(key);
        }

定义私有属性

Symbol类型

发表评论取消回复

还没有评论，来说两句吧...

相关阅读

相关 Symbol类型

相关 Symbol类型

相关 ES6 新增的类型Symbol

相关 ES6 Symbol类型

相关 ES6-Symbol数据类型

相关 Symbol数据类型学习

相关理解JavaScript基本数据类型symbol

相关 JavaScript 为什么要有 Symbol 类型？

相关 ES6--Symbol类型

相关 typescript Symbol类型