ES6 中的 Symbol
栏目: JavaScript · 发布时间: 6年前
内容简介:也就是说此时
Symbol
是 ES6
中新引入的一种基本数据类型。 Symbol()
函数会返回 symbol 类型的值,该类型具有静态属性和静态方法。它的静态属性会暴露几个内建的成员对象;它的静态方法会暴露全局的 symbol 注册,且类似于内建对象类,但作为构造函数来说它并不完整,因为它不支持语法: new Symbol()
。
也就是说 Symbol
作为一种新的基本数据类型,我们可以使用:
let a = Symbol(); 复制代码
此时 a
便是一个 Symbol
类型的变量,它现在是独一无二的:
let b = Symbol(); a === b; //false 复制代码
它还可以接受一个参数,我们可以给它传递一个字符串当描述,即使两个字符相同串也ok:
let symbol1 = Symbol('some');
let symbol2 = Symbol('some');
symbol1 === symbol2; //false
复制代码
如果参数是对象的话,会先调用对象的 toString
方法来转换为字符串。
也就是说每一个 Symbol
创造出来的值都是不一样的。需要注意的是不能使用 new
的方式来创建:
let c = new Symbol(); //TypeError: Symbol is not a constructor 复制代码
Symbol的使用姿势
给对象增加属性
在 ES5
之前对象的属性名大多都是字符串,起名字是个难事,而且名字一多动不动重复了就出错了。而且有的时候我们拿过别人的代码,要给其中一个对象增加属性,我们也不知道怎么起名字不重复,这也是 ES6
中引入 Symbol
的根本原因。
let name = Symbol('name'); //加入 name 作为描述
let obj = {
[name]: 'Baoyuan' //必须放在方括号之中
};
obj[name]; //'Baoyuan'
复制代码
属性名的遍历
对象中的普通属性,我们可以使用 Object.keys()
、 for...in
或者 Object.getOwnPropertyNames()
来进行遍历,但是他们并不能遍历出 Symbol
类型的属性名。请注意,它并不是私有属性。我们可以使用 Object.getOwnPropertySymbols
的方法来获取指定对象的 Symbol
属性。它会返回当前对象中所有 Symbol
类型的属性的 Symbol
值的数组:
let a = Symbol('a');
let b = Symbol('b');
let c = 'c';
let obj = {
[a]: 'a',
[b]: 'b',
c: 'c'
};
let objNames = Object.getOwnPropertySymbols(obj);
console.log(objNames); // [Symbol(a), Symbol(b)]
let objName = Object.getOwnPropertyNames(obj);
console.log(objName); // ["c"]
复制代码
使用 Reflect.ownKeys
可以遍历到所有的属性名:
let names = Reflect.ownKeys(obj); console.log(names); // ["c", Symbol(a), Symbol(b)] 复制代码
Symbol值的重复引用
有时候新建了一个 Symbol
值但是在其他地方我们希望再次使用,这时即使使用相同的描述符也不会产生同一个值,这时我们就需要 Symbol.for()
:
let a = Symbol.for('hello');
let b = Symbol.for('hello');
a === b; // true
复制代码
其实这两种写法都会产生新的 Symbol
,不过不同的是 Symbol
每次都产生一个新的值,而 Symbol.for
会先查看给定的 key
值是否存在,不存在了再去新建,并且还会被登记在全局环境中供搜索。我们可以使用 Symbol.keyFor
查看一个已登记的 Symbol
值的 key
:
Symbol.keyFor(a); // "hello" 复制代码
ECMAScript 中的定义
我们先来想一下它的主要特征
-
返回一个
Symbol类型,并且是唯一的不会重复。 -
使用
new操作符初始化会报错。 -
可以接受字符串参数作为标注,接受对象的时候调用对象的
toString,即使参数相同返回的值也不同。
最后查看一下 ECMAScript
定义的规范。
When Symbol is called with optional argument description, the following steps are taken:
- If NewTarget is not undefined, throw a TypeError exception.
- If description is undefined, let descString be undefined.
- Else, let descString be ToString(description).
- ReturnIfAbrupt(descString).
- Return a new unique Symbol value whose [[Description]] value is descString.
规范中指出了当我们调用 Symbol
的时候有几个步骤:
-
如果我们使用了
new,就报错。 -
如果没有传递参数,那么就使用
undefined作为描述字. -
如果传了的话就把它转换为字符串。
-
报错就返回。
-
新返回一个唯一的
Symbol值,它的[[Description]]属性值为descString。
以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,也希望大家多多支持 码农网
猜你喜欢:本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们。
The Web Designer's Idea Book, Vol. 2
Patrick McNeil / How / 2010-9-19 / USD 30.00
Web Design Inspiration at a Glance Volume 2 of The Web Designer's Idea Book includes more than 650 new websites arranged thematically, so you can easily find inspiration for your work. Auth......一起来看看 《The Web Designer's Idea Book, Vol. 2》 这本书的介绍吧!