首页 > 其他 > 详细

ES6新增数据类型Symbol

时间:2020-12-11 22:42:18      阅读:33      评论:0      收藏:0      [点我收藏+]

Symbol的含义?

ES6(2015) 引入了第七种原始数据类型SymbolSymbol英文文意思为 符号、象征、标记、记号,在 js 中更确切的翻译应该为独一无二

  Symbol的使用?

Symbol 值通过Symbol函数生成,这里需要注意Symbol函数前不能使用new命令,切记,切记,切记
let sym = Symbol()



1、接受一个字符串类型的参数
let a = Symbol("name")

a // Symbol(name)

a.toString() // "Symbol(name)" 



2、有无参数做对比

①有参数

let a1 = Symbol("name")
let a2 = Symbol("name")

a1 === a2 //false

可以看出a1,a2是Symbol的返回值并且参数相同但它们是不相等的。

②无参数

let a1 = Symbol()
let a2 = Symbol()

a1 === a2 //false

可以看出a1,a2是Symbol的返回值,但它们是不相等的。

 

3、不能与其他的数据类型进行运算

let s = Symbol("Hi Symbol")

s + "welcome your visit"

此时浏览器会报错 TypeError: can‘t convert symbol to string 意思是将Symbol 值不能与其他类型的值进行运算

 

4.显式转为字符串

let s = Symbol("Hello word")

第一种 String(s) //‘Symbol("Hello word")‘

第二种 s.toString() //‘Symbol("Hello word")‘

 

5.转布尔类型

let s = Symbol()

Boolean(s) // true

!s //false 

 

6.Symbol.prototype.description

此语法是为刚创建好的Symbol语法添加一个描述。

const s = Symbol("Hello Word")

读取描述:s.description // "Hello Word"

 

7.可以当属性名来使用(它的独一无二性质,可以防止键名被改写或覆盖)

let s = Symbol()

//第一种方式

let obj = {}

obj[s] = ‘Hello Word‘;

//第二种方式

let obj = {

  [s]:‘Hello Word‘

}

//第三种方式

let obj = {}

Object.defineProperty(obj,s,{value:"Hello Word"})

obj[s] // "Hello Word"

8.Symbol.for() Symbol.keyFor()

 

 let a1 = Symbol.for("name")

 let a2 = Symbol.for("name")

 a1 === a2 //true

 两个相等的原因是Symbol.for()不会每次调用就返回一个新的 Symbol 类型的值,是会先检查给定的key是否已经存在,如果不存在才会新建一个值。

 

Symbol.keyFor()方法返回一个已登记的 Symbol 类型值的key

let a1 = Symbol.for("name");
Symbol.keyFor(s1) // "name"

let a2 = Symbol("name");
Symbol.keyFor(s2) // undefined

 

 

 

ES6新增数据类型Symbol

原文:https://www.cnblogs.com/LcxWeb/p/14122657.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!