ES6的Symbol类型

1、为什么添加Symbol基本类型

虽然学习ES6一段时间了,但是由于工作中没有使用到,对Symbol数据类型一直没有过多了解,最近有机会学习了这方面的知识,就做了下笔记。2015年发布了ECMAScript的第六个版本,这个版本中引入了Symbol数据类型,作为JS语言的第七种基本数据类型,其中前六种是:Bolean, Null, Undefined, String, Number, Object。为什么这个版本会引入Symbol类型,为了解决什么问题呢?

The data type "symbol" is a primitive data type having the quality that, values of this type can be used to make object properties that are anonymous.

翻译上边那段话的意思就是Symbol值可以作为对象的属性,因为每一个Symbol值都是独一无二的,所以可以避免属性冲突,这个就是Symbol的作用了。对象的属性类型在ES6之前只能是String类型,ES6之后Symbol和String类型都可以。

2、Symbol方法

Symbol()不是一个完整的构造函数,因此不能通过new Symbol() 来创建,而是使用Symbol()来创建一个Symbol实例,这个方法有一个可选参数用来描述symbol,该参数是字符串类型。

 let sym1 = Symbol('test');
 let sym2 = Symbol('test');
 typeof sym1;        //symbol
 sym1 == sym2;       //false

上段代码中,sym1和是sym2都是一个独一无二的值,虽然参数相同,却不相等。可以通过 typeof 运算符判断Symbol值的数据类型。

由于Symbol值的唯一性,意味着其可以作为对象的属性名,避免出现相同属性名,产生某一个属性被改写或覆盖的情况。Symbol值作为属性名时,需要注意两点:

let sym3 = Symbol('test');
let obj={name: 'lin', [sym3]: 'foo'};
obj[sym3];       //"foo"
JSON.stringify(obj);  //"{"name":"lin"}"
Object.keys(obj);   //["name"]
Object.getOwnPropertyNames(obj);   //["name"]
for (let key in obj) {
    console.log(key);     //name
}
Object.getOwnPropertySymbols(obj);  //[Symbol(test)]
  1. 不能通过点运算符访问,需要通过方括号访问。
  2. 不能通过for...infor...of遍历,也不会被 Object.keys()Object.getOwnPropertyNames()JSON.stringify()返回。但是它也不是私有属性,可以通过Object.getOwnPropertySymbols()方法获取对象Symbol 属性名。

有时需要创建并访问全局的Symbol值,这就需要Symbol.for()Symbol.keyFor()方法:

  1. Symbol.for(key)
    该方法有点类似单例模式,首先会检查Symbol全局注册表中有没有以key作为描述的Symbol值,如果有则返回该值,没有则新建并返回一个Symbol值,并将其加入到注册表中。

  2. Symbol.keyFor()
    该方法返回已在Symbol全局注册表中登记的Symbol值得key,如果没有则返回undefined。

Symbol.for()Symbol()的区别是:Symbol()不会先在注册表中检查,每次都会创建一个新的Symbol值。

3、内置Symbol值

  1. Symbol.hasInstance
    对象的Symbol.hasInstance属性指向一个内部方法,可以通过instanceof调用

  2. Symbol.isConcatSpreadable
    对象的Symbol.isConcatSpreadable属性是布尔值,表示用于
    Array.prototype.concat()时,是否可以展开

3.Symbol.iterator
对象的Symbol.iterator属性指向一个方法,for...of语句调用

  1. Symbol.match
    对象的Symbol.hasInstance属性指向一个方法,String.prototype.match方法调用

  2. Symbol.specie
    对象的Symbol.specie属性指向一个构造函数,用以创建派生对象

  3. Symbol.replace
    对象的Symbol.replace属性指向一个方法,String.prototype.replace方法调用

7.Symbol.search
对象的Symbol.search属性指向一个方法,String.prototype.search方法调用

8.Symbol.split
对象的Symbol.split属性指向一个方法,String.prototype.split方法调用

  1. Symbol.unscopables
    对象的Symbol.unscopables属性指向一个对象。该对象指定了使用with关键字时,哪些属性会被with环境排除

  2. Symbol.toPrimitive
    对象的Symbol.toPrimitive属性指向一个方法。该对象被转为原始类型的值时,会调用这个方法,返回该对象对应的原始类型值。

  3. Symbol.toStringTag
    对象的Symbol.toStringTag属性指向一个方法。在该对象上面调用Object.prototype.toString方法时,如果这个属性存在,它的返回值会出现在toString方法返回的字符串之中,表示对象的类型。也就是说,这个属性可以用来定制[object Object][object Array]object后面的那个字符串。

©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 205,033评论 6 478
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 87,725评论 2 381
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 151,473评论 0 338
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,846评论 1 277
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,848评论 5 368
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,691评论 1 282
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 38,053评论 3 399
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,700评论 0 258
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 42,856评论 1 300
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,676评论 2 323
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,787评论 1 333
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,430评论 4 321
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 39,034评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,990评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,218评论 1 260
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 45,174评论 2 352
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,526评论 2 343

推荐阅读更多精彩内容

  • 概述 ES5的对象属性名都是字符串,这容易造成属性名的冲突。比如,你使用了一个他人提供的对象,但又想为这个对象添加...
    oWSQo阅读 509评论 1 3
  • 1.概述 ES5的对象属性名都是字符串,这容易造成属性名的冲突。比如,你使用了一个他人提供的对象,但又想为这个对象...
    赵然228阅读 800评论 2 10
  • 国家电网公司企业标准(Q/GDW)- 面向对象的用电信息数据交换协议 - 报批稿:20170802 前言: 排版 ...
    庭说阅读 10,865评论 6 13
  • 如题
    吴宥熙阅读 357评论 2 0
  • 1. 最近室友种的小盆栽开花了。 花开之前,他时常皱着眉头对着空气讲,咋还是含苞待放呢? 直到前天晚上,室友们睡得...
    另一个陈易阅读 875评论 0 9