ES6 中的 Symbol

栏目: JavaScript · 发布时间: 6年前

内容简介:也就是说此时

SymbolES6 中新引入的一种基本数据类型。 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:
  1. If NewTarget is not undefined, throw a TypeError exception.
  2. If description is undefined, let descString be undefined.
  3. Else, let descString be ToString(description).
  4. ReturnIfAbrupt(descString).
  5. Return a new unique Symbol value whose [[Description]] value is descString.

规范中指出了当我们调用 Symbol 的时候有几个步骤:

  1. 如果我们使用了 new ,就报错。

  2. 如果没有传递参数,那么就使用 undefined 作为描述字.

  3. 如果传了的话就把它转换为字符串。

  4. 报错就返回。

  5. 新返回一个唯一的 Symbol 值,它的 [[Description]] 属性值为 descString


以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,也希望大家多多支持 码农网

查看所有标签

猜你喜欢:

本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们

编码的奥秘

编码的奥秘

Charles Petzold / 伍卫国、王宣政、孙燕妮 / 机械工业出版社 / 2000-9-1 / 24.00

渴望交流是大多数人的天性。在本书中,“编码”通常指一种在人和机器之间进行信息转换的系统。换句话说、编码即是交流。有时我们将编码看得很神秘,其实大多数编码并非都是这样。大多数的编码都需要被很好地理解,因为它们是人类交流的基础。――《编码的奥秘》 手电筒、英国人入侵、黑色的猫和跷跷板与计算机有什么必然联系?本书向我们展示了使用语言的一些直观方法并创造新的方法来进行相互之间的交流。此书使我们明白了......一起来看看 《编码的奥秘》 这本书的介绍吧!

CSS 压缩/解压工具
CSS 压缩/解压工具

在线压缩/解压 CSS 代码

SHA 加密
SHA 加密

SHA 加密工具