如何使用的象征

这篇文章运用简单易懂的例子给大家介绍如何使用符号,代码非常详细,感兴趣的小伙伴们可以参考借鉴,希望对大家能有所帮助。

符号是一种新的原始数据类型,它是JavaScript的第七种数据类型,象征值通过符号函数生成,使用语法为“让s=符号();typeof年代;”,其中typeof表明年代是符号数据类型。

<强>符号()的使用方法

简介:ES5的对象属性名都是字符串,这就很容易造成属性名的冲突,比如一个项目很庞大,又不是一个人开发的,就有可能会造成变量名冲突,如果有一个独一无二的名字就好了,这样就能从根本上防止属性名冲突。这就是ES6引入象征的原因。

ES6引入的是一种新的原始数据类型符号,表示独一无二的,它是JavaScript的第七种数据类型.Symbol值通过符号函数生成,只要属性名是属于符号类型的,就是独一无二的,可以保证不会与其他属性名产生冲突。

让s=符号(); 　　typeof年代;//皊ymbol"

上面的代码中年代就是一个独一无二的值,typeof表明年代是符号数据类型的。

注意:符号函数前不能使用新关键字,否则会报的错,这是因为象征是原始数据类型,而不是对象,所以不能添加属性。

符号可以接受一个字符串作为参数,表示对象征的描述,主要是在控制台显示时容易区分

var s1=符号(“foo"); 　　var s2=符号(“bar"); 　　s1//符号(“foo") 　　s2//符号(“bar") 　　s1.toString()//胺?foo)“; 　　s2.toString()//胺?bar)

这个参数可以不加,如果不加在控制台输出就是两个符号()不利于区分,加上参数就是为了加以区分。

没有参数的两个符号是不相等的,例如

//没有参数的情况 　　var s1=符号(); 　　var s2=符号(); 　　s1==s2//假的//有参数的情况 　　var s1=符号(“foo"); 　　var s2=符号(“foo"); 　　s1==s2//假

无论有没有参数都是不相等的

符号不能与其他值进行运算,否则会报错

var s1=符号(“我Symbol"); 　　“你的女儿象征;+ s1;//TypeError:停下来# 39;t符号转换为字符串 　　你的符号是$ {s1} '//TypeError:停下来# 39;t符号转换为字符串

作品喻示可以显示的转为字符串,布尔值,但是不能转为数字

//转为字符串 　　var s1=符号(“我Symbol"); 　　字符串(s1)//胺?我的符号), 　　s1.toString()//胺?我的符号),//转为布尔值 　　var s1=符号(); 　　布尔(s1)//真实 　　! s1//假的 　　如果(s1) {//? 　　｝//转为数值就会报错

由于每一个符号都不相同,那么可以作为标识符作为对象的属性名,保证不会出现同名的的属性

var mySymbol=符号();//第一种写法 　　var={}; 　　[mySymbol]=澳愫?“;//第二种写法 　　var={ 　　[mySymbol]:“嗨!“ 　　｝//第三种写法 　　var={}; 　　Object.defineProperty (mySymbol,{值:“嗨!“});//以上写法的结果都相同 　　[mySymbol]//班?“

注意:符号值作为对象的属性名时不能使用点运算符,同理,在对象的内部使用符号值时也必须放在方括号中

让s=符号(); 　　让obj={ 　　[s]:函数(arg) {…} 　　｝//如果年代不放在[]中,该属性名就是字符串,而不是象征//可以采用增强的方式在书写上面的代码 　　让s=符号(); 　　让obj={ 　　[s] (arg) {…} 　　}

符号还可以定义一组常量,保证这组常量的值都是不相等的

const COLOR_RED=符号(); 　　const COLOR_GREEN=符号(); 　　函数getComponent(颜色){ 　　开关(颜色){ 　　例:COLOR_RED: 　　返回“red"; 　　例:COLOR_GREEN: 　　返回“green"; 　　默认值: 　　把新的错误(“Undefind color") 　　｝ 　　}

常量使用符号值最大的好处就是,其他任何值都不可能与之相同。

消除魔术字符串

魔术字符串就是指,在代码之中多次出现,与代码形成强耦合的某一个具体的字符串或数字,良好的代码风格应该消除魔术字符串,由含义清晰的变量代替。

函数getArea(形状、期权){ 　　var面积=0; 　　开关(形状){ 　　例:“Tringel"://魔术字符串 　　面积=5 * options.width * options.height; 　　打破; 　　｝ 　　返回区域; 　　｝ 　　getArea (“Tringel"{宽度:100,身高:100});//魔术字符串

如何使用的象征