美文网首页
Symbol学习

Symbol学习

作者: Sunshine_0676 | 来源:发表于2019-12-03 18:06 被阅读0次

ES6引入了一种新的原始数据类型Symbol,表示独一无二的值,最大的用法是用来定义对象的唯一的属性名。

基本用法

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

let sy = Symbol('kk')
console.log(sy); // Symbol('kk')
typeof(sy) // symbol

//相同参数Symbol()返回的值不相等
let sy1 = Symbol('kk')
sy === sy1  // false

使用场景

作为属性名

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

let sy = Symbol("key1");
 
// 写法1
let syObject = {};
syObject[sy] = "kk";
console.log(syObject);    // {Symbol(key1): "kk"}
 
// 写法2
let syObject = {
  [sy]: "kk"
};
console.log(syObject);    // {Symbol(key1): "kk"}
 
// 写法3
let syObject = {};
Object.defineProperty(syObject, sy, {value: "kk"});
console.log(syObject);   // {Symbol(key1): "kk"}

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

let syObject = {};
syObject[sy] = "kk";
 
syObject[sy];  // "kk"
syObject.sy;   // undefined
注意点

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

let syObject = {};
syObject[sy] = "kk";
console.log(syObject);
 
for (let i in syObject) {
  console.log(i);
}    // 无输出
 
Object.keys(syObject);                     // []
Object.getOwnPropertySymbols(syObject);    // [Symbol(key1)]
Reflect.ownKeys(syObject);                 // [Symbol(key1)]
定义常量

在ES5使用字符串表示常量。但是用字符串不能保证常量是独特的,Symbol 的值是唯一的,所以不会出现相同值得常量。

Symbol.for()

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

let yellow = Symbol("Yellow");
let yellow1 = Symbol.for("Yellow");
yellow === yellow1;      // false
 
let yellow2 = Symbol.for("Yellow");
yellow1 === yellow2;     // true

Symbol.keyFor()

Symbol.keyFor()返回一个已登记得Symbol类型值得Key,用来检测字符串参数作为名称得Symbol值是否已被登记。

let yellow1 = Symbol.for("Yellow");
Symbol.keyFor(yellow1);    // "Yellow"

相关文章

  • Symbol学习

    ES6引入了一种新的原始数据类型Symbol,表示独一无二的值,最大的用法是用来定义对象的唯一的属性名。 基本用法...

  • Symbol

    学习参考: https://es6.ruanyifeng.com/#docs/symbol Symbol 一种新的...

  • Symbol学习笔记

    一.Symbol是什么 typeof Symbol() === 'symbol',symbol是js中第7种基本类...

  • 20190202 学习Symbol

    概述 产生原因 ES6的对象属性名都是字符串,容易造成属性名的冲突,为避免冲突,引入Symbol机制,保证每个属性...

  • Symbol

    Symbol 每个Symbol都是独一无二的Symbol() !== Symbol() Symbol 不能进行运算...

  • Symbol

    1、window.Symbol 2、不允许new Symbol 3、symbol() !== symbol() 4...

  • ES6补充以及Node事件轮询

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

  • 深入理解ES6六

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

  • JS-学习ES6之-Symbol数据类型[整理稿]

    为什么要有Symbol Symbol可以传参数 Symbol 作为属性名的用法 Symbol.for() 1. 为...

  • Symbol简单理解

    Symbol 概述 作为属性名的symbol 属性名的遍历 Symbol的方法 内置的symbol值 概述 Sym...

网友评论

      本文标题:Symbol学习

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