常见问题当前位置:风暴娱乐 > 常见问题 > >

Javascript ES6中数据类型Symbol的使用详解

  

[es6,symbol,es6,symbol的作用,es6]Javascript ES6中数据类型Symbol的使用详解

  

介绍  

  

Symbol 是一种特殊的、不可变的数据类型,可以作为对象属性的标识符使用,表示独一无二的值。Symbol 对象是一个 symbol primitive data type 的隐式对象包装器。

  

  

它是JavaScript语言的第七种数据类型,前6种分别是:Undefined、Null、Boolean、String、Number、Object。

  

  

语法  

  

Symbol([description])  

  

Parameters  

  

description : 可选的字符串。可用于调试但不访问符号本身的符号的说明。如果不加参数,在控制台打印的都是Symbol,不利于区分。

  

  

demo  

  
  
  var s1 = Symbol('symbol1');  s1 //Symbol(symbol1);
  
  

因为Symbol函数返回的值都是独一无二的,所以Symbol函数返回的值都是不相等的。

  

  
  
  //无参数  var s1 = Symbol();  var s2 = Symbol();  s1 === s2 // false  //有参数  var s1 = Symbol('symbol');  var s2 = Symbol('symbol');  s1 === s2 //false
  
  

作为属性名的Symbol  

  

由于每一个Symbol值都是不相等的,那么作为属性标识符是一种非常好的选择。

  

  

定义方式:  

  
  
  let symbolProp = Symbol();  var obj = {};  obj[symbolProp] = 'hello Symbol';  //或者  var obj = {  [symbolProp] : 'hello Symbol';  }  //或者  var obj = {};  Object.defineProperty(obj,symbolProp,{value : 'hello Symbol'});
  
  

注意:  

  

定义属性的时候只能将Symbol值放在方括号里面,否则属性的键名会当做字符串而不是Symbol值。同理,在访问Symbol属性的时候也不能通过点运算符去访问,点运算符后面总是字符串,不会读取Symbol值作为标识符所指代的值.

  

  

Symbol类型定义常量  

  

常量的使用Symbol值最大的好处就是其他任何值都不可能有相同的值,用来设计switch语句是一种很好的方式。例如:消除魔术字符串(这里留给读者思考,如果有什么疑问,可以给我留言)  

  

Symbol.for(),Symbol.keyFor()  

  

Symbol.for()  

  

对于Symbol.for方法需要记住两点:  

  
      
  • Symbol.for()所返回的Symbol值的作用域是整个代码库(包括不同的iframe或者service worker),是一个全局的变量,第一次产生的时候就会登记下来。
  •   
  • 调用Symbol.for()的时候,如果在全局环境中检索给定的key是否存在,如果不存在才会新建一个值,而Symbol()不会,Symbol()每次返回的都是不同的值。
  •   
  
  
  Symbol.for('foo') === Symbol.for('foo'); //true  Symbol('foo') === Symbol('foo'); //false
  
  

Symbol.keyFor()  

  

Symbol.keyFor方法返回一个已登记的Symbol类型的值的key。

  

  
  
  var s1 = Symbol.for('foo');  Symbol.keyFor(s1) //"foo"  var s2 = Symbol('foo');  Symbol.keyFor(s2);//undefiend
  
  

上面的代码中,变量s2属于未登记的Symbol值,所以返回undefined  

  

属性名的遍历  

  

Symbol作为属性名,虽然不是私有属性,但是在for…in,for…of循环中,Object.keys() ,Object.getOwnPropertyNames()都不会获取到。通常通过两种方法达到Symbol属性的遍历。

  

  

Object.getOwnPropertySymbols方法返回一个数组,成员是当前对象的所有Symbol值的属性。

  
  

  

Reflect.ownKeys()可以返回所有类型的键名,包括包括常规的键名和Symbol键名.

  
  

  

下面给出一个例子来解释上面所有的。

  

  
  
  var obj = {};  var a = Symbol('a');  var b = Symbol('b');  obj[a] = 'hello';  obj[b] = 'world';  //获取不到  for(var i in obj){  console.log(i); //无输出  }  Object.getOwnPropertyNames(obj);//[]  //可以获取  var objectSymbols = Object.getOwnPropertySymbols(obj);  objectSymbols// [Symbol(a), Symbol(b)]  Reflect.ownKeys(obj);//[Symbol(a), Symbol(b)]

(责任编辑:admin)

上一篇:详解JavaScript中的事件流和事件处理程序

下一篇:没有了

推荐内容

客户服务热线

010-400-12345

在线客服