ES6 新增数据类型 Symbol

爱被打了一巴掌 2023-07-03 04:52 207阅读 0赞

Symbol是ES6新增的数据类型，通常叫 符号

创建：

  1. Symbol(符号名)

设计初衷：

为对象设置私有属性（只能在对象内部使用，外边无法使用）

特点：

1、没有字面量：

别的数据类型，比如数组字面量 ： [ ]、对象字面量：{ } 等等，但是Symbol符号没有字面量！

2、使用typeof 得到的就是symbol类型

  1. const name = Symbol('name')
  2. console.log(typeof name) // 'symbol'

3、每次调用Symbol函数得到的符号，永远不相等，也就是说Symbol函数创建的符号是唯一的！

  1. const a = Symbol('name')
  2. const b = Symbol('name')
  3. console.log(a === b) // Symbol(name)
  4. console.log(a, b) // Symbol(name)

20200202152946554.png

4、符号可以作为对象的属性存在，这种属性叫做 符号属性；

（1）这种属性，经过设计，可以让外界很难去访问到它：

如下，Symbol(‘randomCount’) 里边的参数可以理解为符号的描述性信息，打印虽然可以看到它，但是我们无法通过对象调用或者for in 去访问到它！

随机数方法的属性 我们使用了Symbol符号作为属性，意图不想让使用者去直接访问到，可以作为对象的私有属性。。。

  1. const randomCount = Symbol('randomCount')
  2. const obj = {
  3.     random(min, max) {
  4.         return this[randomCount](min, max)
  5.     },
  6.     [randomCount](min, max) {
  7.         return Math.floor(Math.random() * (max - min) + min)
  8.     }
  9. }
  10. const count = obj.random(1, 10)
  11. console.log(obj)

20200202154753888.png

（2）符号属性是不可能被枚举到的，因此 for in 、Object.keys 无法读取到符号属性。

（3）Object.getOwnPropertyNames 它可以得到不可枚举的属性，但是仍然无法获取到符号属性。

5、在ES6中，新增了Object.getOwnPropertySymbols方法，可以读取符号属性，而且会把所有符号属性统一放在一个数组里边：

下边读取了上边例子中的Symbol函数的属性

  1. console.log(Object.getOwnPropertySymbols(obj))

20200202155727918.png

发表评论

表情：
评论列表 （有 0 条评论，207人围观）

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

相关阅读

    相关 ES6--Symbol类型

    概述 ES6 引入了一种新的原始数据类型 Symbol ，表示独一无二的值，最大的用法是用来定义对象的唯一属性名。 ES6 数据类型除了 Number 、 Strin

    r囧r小猫r囧r小猫/ 0 赞/ 445 阅读