Symbol到底是个啥玩意

Symbol基础:

Symbol是唯一的数据结构, 只要你声明了Symbol, 那么就是唯一的了.

直接声明:

   let ck = Symbol('ck') // 后面的‘ck’不是Symbol存储的值, 只是为了区别不同的Symbol的描述. let kb = Symbol('kb')console.log(ck);console.log(kb);console.log(ck === kb) // false// 即使后面的描述是一样的, 两个返回的也是false
let ck2  = Symbol('ck2')
let ck3 = Symbol('ck2')
console.log(ck2 === ck3) // false

2.通过for声明

let ck1 = Symbol.for('ck1')
let kb1 = Symbol.for('kb1')
console.log(Symbol.keyFor(ck1));
console.log(Symbol.keyFor(kb1));

通过for声明的Symbol, 要使用keyFor()来进行访问.

3.使用了Symbol声明的对象, 遍历的几种方式.

const symbol = Symbol('this is the Symbol')
const User = {name:'ck',[symbol]: 'ck is not a student any more'
}// 只能遍历到普通属性
for(let item in User) {console.log(item);
}
// name// 只能遍历到普通属性
for(let item of Object.keys(User)){console.log(item);
}
// name// 遍历Symbol属性
for(let item of Object.getOwnPropertySymbols(User)){console.log(item);
}
// symbol// 遍历到普通属性、Symbol属性
for(const item of Reflect.ownKeys(User)){console.log(item);
}
// name symbol

4.对象要隐藏一些不想别人访问到的属性

let symbol = Symbol('thi is a Symnol')class User{constructor(name, value){this.name = namethis[symbol] = value}
getName() {return `${this.name}${this[symbol]}`}
}const user = new User('bob', 'is a cookie')for(const item in user){console.log(item) // name 没有value, 因为访问不到
}for(const item in Reflect.ownKeys(user)){console.log(item) // name、symbol
}

Symbol到底用来干嘛

Symbol不是直接存储数据的, 而是, 作为一个独一无二的key, 放置数据的, 防止数据因为重复, 无法存进数据对象中,例如: obj中,存入key为1和‘1’的值, 后面的会把前面的覆盖掉.

class Cache{static data = {}static set(name, value) {this.data[name] = value}static get(name){console.log(this.data[name])return this.data[name]}
}let user = {name:'用户信息',key:Symbol('用户信息')
}let cart = {name: '购物车信息',key: Symbol('购物车信息')
}Cache.set(cart.key, '这是购物车存储的信息')
Cache.set(user.key, '这是用户存储的信息')
Cache.get(user.key) // 这是用户存储的信息
Cache.get(cart.key) // 这里购物车存储的信息
console.log(Cache.data) // { [Symbol(购物车信息)]: '这是购物车存储的信息', [Symbol(用户信息)]: '这是用户存储的信息' }

Symbol到底是个啥玩意相关推荐

maven到底是个啥玩意
maven到底是个啥玩意在搞懂maven之前看了几次重复的maven的教学视频.不知道是自己悟性太低还是怎么滴,就是搞不清楚,现在弄清楚了,基本上入门了.写该篇博文,就是为了帮助那些和我一样对于ma ...
让我们搞搞清楚重写toString()到底是个什么玩意？
OKOK自从开始java面向对象课程之后,作业里多了一个要求 overriding toString() Fine 我身边很多人对此很困惑,这尼玛到底是个啥玩意哪里来的?为什么要重写呢?那么我来解 ...
TTY 到底是个什么玩意？
先来回答一道面试题:我们知道在终端中有一些常用的快捷键,Ctrl+E 可以移动到行尾,Ctrl+W 可以删除一个单词,Ctrl+B 可以向前移动一个字母,按上键可以出现上一个使用过的 shell 命令 ...
Elasticsearch的mapping到底是个什么玩意？
编程界的小学生一.举例 1.数据准备 2.搜索 3.分析二.Mapping 1.是什么 2.如何查看 3.创建mapping 3.1.语法 3.2.Demo 3.3.analyzer字段释义 3. ...
maven到底是个啥玩意~
我记得在搞懂maven之前看了几次重复的maven的教学视频.不知道是自己悟性太低还是怎么滴,就是搞不清楚,现在弄清楚了,基本上入门了.写该篇博文,就是为了帮助那些和我一样对于maven迷迷糊糊的人. ...
locale到底是个什么玩意
关于locale的设定,为什么要设定locale 关于locale的设定 locale是国际化与本土化过程中的一个非常重要的概念,个人认为,对于中文用户来说,通常会涉及到的国际化或者本土化,大致包含 ...
Unity Mesh、MeshFilter、MeshRenderer到底是个啥玩意
1.首先我们创建一个Cube在Unity中,在Hierarchy中点击右键3d Object ->Cube.然后查看右侧的Inspector窗口,如果没有的话,看顶部的Windows菜单,里面有 ...
maven(一) maven到底是个啥玩意~
我记得在搞懂maven之前看了几次重复的maven的教学视频.不知道是自己悟性太低还是怎么滴,就是搞不清楚,现在弄清楚了,基本上入门了.写该篇博文,就是为了帮助那些和我一样对于maven迷迷糊糊的人. ...
怎么用python写名字_python中的__name__ 到底是个什么玩意？应该怎么用到它？
本文的文字及图片来源于网络,仅供学习.交流使用,不具有任何商业用途,版权归原作者所有,如有问题请及时联系我们以作处理以下文章来源于腾讯云作者:Python进击者 ( 想要学习Python?Pyth ...

Symbol到底是个啥玩意

Symbol基础:

Symbol到底用来干嘛

Symbol到底是个啥玩意相关推荐

最新文章

热门文章