美文网首页
ES6 symbol

ES6 symbol

作者: BlueSkyBlue | 来源:发表于2020-04-30 14:48 被阅读0次

ES5中的对象属性都是字符串,容易造成重名,污染环境。
ES6中添加了一个原始数据类型symbol(已有的数据类型:String,Number,boolean,undefined,null,对象类型)。

特点:

  • Symbol属性对应的值是唯一的,解决命名冲突的问题。
  • Symbol值不能和其它数据进行计算,包括同字符串拼接。
  • for in, for of遍历时不会遍历symbol属性。

基本用法

Symbol函数栈不能使用new命令,因为Symbol是原始数据类型,不是对象。可以接受一个字符串作为参数,为新创建的Symbol提供描述,用来显示在控制台或者作为字符串的时候使用,便于区分。

let symbol = Symbol('KK');
console.log(symbol)

使用场景

作为属性名

由于每一个Symbol的值都是不相等的,所以Symbol作为对象的属性名可以保证属性不重名。
写法一:

let sy = Symbol('key1')

let syObject = {};
syObject[sy] = 'kk'
console.log(syObject)

写法二:

let sy = Symbol('key1')

let syObject = {
    [sy]: 'kk'
}
console.log(syObject)

写法三:

let sy = Symbol('key1')

let syObject = {}
Object.defineProperty(syObject, sy, {value: 'kk'})
console.log(syObject)

Symbol作为对象属性名的时候不能用.运算符,要用方括号。因为.后面是字符串,所以取到的是字符串sy属性,而不是Symbol的sy属性。

let sy = Symbol('key1')

let syObject = {};
syObject[sy] = 'kk'
console.log(syObject[sy])

Symbol值作为属性名时,该属性是公有属性不是私有属性。可以在类的外部访问。但是不能出现在for...in,for...of的循环中,也不会在Object.keys()、Object.getOwnPropertyNames()返回。如果要读取一个对象的Symbol属性,可以通过Object.getOwnPropertySymbols()和Reflect.ownKeys()取到。

let sy = Symbol('key1')

let syObject = {};
syObject[sy] = 'kk'
console.log(Object.getOwnPropertySymbols(syObject))
console.log(Reflect.ownKeys(syObject))

Symbol.for()

Symbol.for类似于单例模式,首先会在全局搜索被登记的Symbol中是否有该字符串参数作为名称的Symbol值,如果有就返回该Symbol值。没有则新建并返回一个以该字符串参数为名称的Symbol值,并登记在全局环境中供搜索。

let yellow = Symbol('yellow')
let yellow1 = Symbol.for('yellow')
console.log(yellow === yellow1)

let yellow2 = Symbol.for('yellow')
console.log(yellow1 === yellow2)

Symbol.keyFor()

Symbol.keyFor返回一个已经登记的Symbol类型的值的key。用来检测该字符串参数作为名称的Symbol值是否已经被登记。

let yellow = Symbol.for('yellow')
console.log(Symbol.keyFor(yellow))

相关文章

  • ES6补充以及Node事件轮询

    Symbol es6中新增了symbol类型,symbol类型的值是通过symbol函数生成的,相同symbol函...

  • 深入理解ES6六

    Symbol ES6新增的数据类型Symbol 创建Symbol:通过去全局的Symbol函数创建一个Symbol...

  • es6中的数据类型之symbol

    1. symbol es6中的数据类型有:number, boolean, string, symbol, nul...

  • 2018-08-06 第一天课 ES6前奏

    1.Symbol ES6新增的 数据类型 -基本类型 值是由Symbol 函数 调用产生的 相同的Symbol 函...

  • JavaSctipt基础归纳,以及隐式转换的规则

    原始类型: "symbol" 是ES6,新扩展的原始类型;Symbol,表示独一无二的值。Symbol 值通过Sy...

  • Symbol

    es6新增数据类型 -- 基本类型 值是由symbol函数调用产生的 Symbol的基本用法 Symbol的使用属...

  • ES6 中的 Symbol

    JavaScript 之 Symbol Symbol是什么 Symbol是ES6中新引入的一种基本数据类型。Sym...

  • Symbol

    Symbol ES6引入了一种新的原始数据类型Symbol,表示独一无二的值.Symbol值通过Symbol函数生...

  • Symbol And Iterator

    Symbol Symbol是es6新引入的一种数据类型,表示一个独一无二的值,Symbol 值通过Symbol函数...

  • Symbol《understanding ECMAScipt6》

    什么是Symbol ES6 新增的类型 原始类型 如何创建Symbol 可以通过new Object( Symbo...

网友评论

      本文标题:ES6 symbol

      本文链接:https://www.haomeiwen.com/subject/poyzwhtx.html