ES6第七种基本类型Symbol--做一个孤独的靓仔

为什么要用Symbol

Symbol的目的就是为了实现一个唯一不重复不可变的值,任何一个Symbol都是唯一的,不会和其他任何Symbol相等。

很多时候其实我们都需要用到唯一不重复的值。比如我们给一个DOM节点做动画,那么我们需要判断动画是否正在执行。

这个时候一般的做法是给DOM节点加上一个属性(或者classname之类的)做一个标记,比如下面这样:

d.isMoving = true;  //正在执行动画

然后问题就来了,这样做很容易产生冲突,万一你用了一个三方动画库,人家也是用 isMoving 来进行标记的怎么办。或者万一DOM规范以后添加了一个 isMoving 接口怎么办。
解决方法就是去改我们的动画名,让他变得很特殊,但是想名字是一个令程序员头秃的事情呀,而且要是在重复呢?在头秃一次?
这个时候 我们就需要一个唯一的不重复的值来标记了:

var isMoving = Symbol("is moving");
d[isMoving] = true;

因为每次创建的 Symbol 都是唯一不重复的,所以别人即使再次创建一个Symbol 也不会和你的Symbol冲突

基本用法

局部用法

Symbol([description])
参数是可选的,字符串类型。对symbol的描述,可用于调试但不是访问symbol本身。

全局用法

要创建跨文件可用的symbol,甚至跨域(每个都有它自己的全局作用域) , 使用 Symbol.for() 方法和 Symbol.keyFor() 方法从全局的symbol注册表设置和取得symbol。

Symbol.for([description])

一定要区分 Symbol 和 String,他们完全是两码事,事实上Symbol是一种新的数据类型,也就是JS中的第七种数据类型-Symbol。创建 Symbol 时传入的一个字符串只是对 Symbol 的一个说明,他没有字面量的写法 只能够使用Symbol()和Symbol.for() 方法和 Symbol.keyFor() 方法,Symbol是不能够使用new关键字来创建的

直接使用 Symbol(“xx”),每一次都会创建一个不同的 Symbol,不管传入的描述符是否一样:
在这里插入图片描述
但是如果用 Symbol.for 创建全局Symbol,那么当描述符和以前的一个全局Symbol相同的时候,会返回之前的Symbol,所以他们是相等的,如果没有则创建一个新的:
在这里插入图片描述

迭代 symbols

iterator 是一种设计模式,很多语言(比如java)通过iterator 实现遍历功能,如果一个值支持遍历,那么它只需要实现 iterator 接口即可。

Symbol.iterator 为每一个对象定义了默认的迭代器。该迭代器可以被 for…of 循环使用。

当需要对一个对象进行迭代时(比如开始用于一个for…of循环中),它的@@iterator方法都会在不传参情况下被调用,返回的迭代器用于获取要迭代的值。

除了symbol以外,这些内置队形都可以使用@@iterator方法

var a = [1,2,3];
var i = a[Symbol.iterator]();
i.next(); //1
i.next();   //2
i.next();   //3

结果是这样的~~~
在这里插入图片描述

结合闭包和Symbol实现私有属性

Symbol 的初衷其实就是实现私有属性,不过由于 Object.getOwnPropertySymbols() 接口的出现,导致即使是用 Symbol 作为key也可以被遍历出来,因此不能做到私有。

Object.getOwnPropertySymbols() 方法让你在查找一个给定对象的符号属性时返回一个symbol类型的数组。注意,每个初始化的对象都是没有自己的symbol属性的,因此这个数组可能为空,除非你已经在对象上设置了symbol属性。

不过,排除这一点,我们可以基本上可以认为使用 Symbol 的属性是私有属性。

var People = (function() {
  var name = Symbol("name");
  class People {
    constructor(n) { //构造函数
    this[name] = n;
    }
    sayName() {
        console.log(this[name]);
    }
  }
  return People;
})();

参考上面的例子,我们使用闭包主要是保护这个 Symbol ,它无法直接在闭包外面访问。这样除了使用 Object.getOwnPropertySymbols() 之外我们无法访问 this[name] 属性,基本可以认为是私有的。

更多详细资料可以参考csdn-Symbol

评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值