javaScript基础-Symbol 类型

Posted 2021-07-19 火腿肠烧烤大赛冠军

symbol的基本使用

1. 定义方法：

• 二者区别：
  • 第二种会在内存中记住（我理解是当再次声明时 相当于把地址给了新变量）
  • 第二种是在全局范围内定义symbol可以通过Symbol.keyFor()查询到

    let sss= Symbol("hello");
    let sssa= Symbol.for("dddd");

2. symbol不会相等

   // let sss= Symbol("a");
    // let edu = Symbol("a");
    // console.log(hd == edu); //false

3. symbol看成一个无法重复的字符串就好

    // sss.name = "s";
    // console.log(sss.name);//undefined

symbol解决字符串耦合问题

    let user1 = {
      name: "李四",
      key: Symbol()
    };
    let user2 = {
      name: "李四",
      key: Symbol()
    };
    let grade = {
      [user1.key]: { js: 100, css: 89 },
      [user2.key]: { js: 35, css: 55 }
    };
    console.log(grade[user2.key]);

ps：如果不这么声明 会只显示最后一个李四

Symbol在缓存容器中的使用

用的时候都是用其中的key（感觉是一个私有属性存储在对象中）

    class Cache {
      static data = {};
      static set(name, value) {
        return (this.data[name] = value);
      }
      static get(name) {
        return this.data[name];
      }
    }
    // Cache.set("hdcms", "houdunren.com");
    // console.log(Cache.get("hdcms"));
    let user = {
      name: "apple",
      desc: "用户资料",
      key: Symbol("资料")
    };
    let cart = {
      name: "apple",
      desc: "购物车",
      key: Symbol("资料")
    };
    Cache.set(user.key, user);
    Cache.set(cart.key, cart);
    console.log(Cache.get(cart.key));

扩展特性与对象属性保护

1. symbol以私有形式存储无法遍历
2. 可以访问
3. 用getOwnPropertySymbols可以访问（貌似都是这样）
   例：

    let site = Symbol("这是一个Symbol");
    class User {
      constructor(name) {
        this.name = name;
        this[site] = "ss";
      }
      getName() {
        return `${this[site]} ${this.name}`;
      }
    }
    let lisi = new User("李四");
    // console.log(lisi.getName());
    for (const key in lisi) {
      console.log(key);
    }