JavascriptES6中数据类型Symbol怎么用-创新互联
这篇文章给大家分享的是有关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)]
以Symbol值作为名称的属性不会被常规方法遍历所得到。我们可以利用这个特性,为对象定义一些非私有但又希望只用于内部的方法。
var size = Symbol('size'); class Collection { constructor(){ this[size] = 0; } add(item){ this[this[size]] = item; this[size]++; } static sizeOf(instance){ return instance[size]; } } var x = new Collection(); Collection.sizeOf(x); //0 x.add('foo'); Collection.sizeOf(x); //1 Object.keys(x)//['0'] Object.getOwnPropertyNames(x) //['0'] Object.getOwnPropertySymbols(x) //[Symbol(size)]
上面的代码中,对象x的size属性是一个Symbol值,所以Object.keys(x)
、Object.getOwnPropertyNames(x)
都无法获取它。这就造成了一种非私有的内部方法的效果。如果对ES6定义类方面还不清楚的,可以先不看这段,或者自己查查资料,后面的文章我也会分享出来,总的来说现在JavaScript的新标准越来越像Java了,比如新增的const、let块级作用域,class定义类等等。
内置的Symbol值
除了自己定义的Symbol值外,JavaScript有一些内置的Symbol表示的内部语言行为不在ECMAScript 5及以前暴露给开发者。这些Symbol可以被访问被下列属性:
1、Symbol.iterator
返回对象的默认迭代器的方法。被for…of使用
2、Symbol.math
与字符串匹配的方法,也用于判断对象是否可以用作正则表达式.被String.prototype.match()
使用。
3、Symbol.replace
一种方法取代匹配字符串的子串。被String.prototype.replace()
使用。
4、Symbol.search
返回与正则表达式匹配的字符串内返回索引的方法。被String.prototype.search()
使用。
5、Symbol.split
在与正则表达式匹配的索引处拆分字符串的方法。被String.prototype.split()
使用.
6、Symbol.hasInstance
确定构造函数对象是否将对象作为实例识别的方法。被instanceof使用
7、Symbol.isConcatSpreadable
一个布尔值,指示对象是否应该被扁平化为数组元素。被Array.prototype.concat()
使用.
8、Symbol.unscopables
从关联对象的环境绑定中排除其自身和继承的属性名称的对象值。被with使用
9、Symbol.species
用于创建派生对象的构造函数。
10、Symbol.toPrimitive
将对象转换为原始值的方法。
11、Symbol.toStringTag
用于对象的默认描述的字符串值。被Object.prototype.toString()
使用.
我这里没给出具体的例子,针对这11个属性。读者自己主动去把这几个属性搞懂,对理解有些方法是非常有用的。
感谢各位的阅读!关于“Javascript ES6中数据类型Symbol怎么用”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,让大家可以学到更多知识,如果觉得文章不错,可以把它分享出去让更多的人看到吧!
另外有需要云服务器可以了解下创新互联建站www.cdcxhl.com,海内外云服务器15元起步,三天无理由+7*72小时售后在线,公司持有idc许可证,提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案,具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势,专为企业上云打造定制,能够满足用户丰富、多元化的应用场景需求。
网页标题:JavascriptES6中数据类型Symbol怎么用-创新互联
文章URL:http://ybzwz.com/article/dihhpe.html