博客
关于我
ES6语法 学习笔记(八)Symbol
阅读量:798 次
发布时间:2019-03-25

本文共 1509 字,大约阅读时间需要 5 分钟。

JavaScript中的数据类型新增:symbol

什么是Symbol数据类型

Symbol是ECMAScript 6中新增的一种数据类型,它代表唯一的值。创建一个Symbol后,任何具有相同描述的Symbol都是唯一的。这个特性使得Symbol在独特识别和命名私有属性中非常有用。

let syml = Symbol('aaa'); // 'aaa'仅用于描述Symbol的值不是实际部分

需要注意的是,即使两个Symbol的描述相同,它们仍然是不同的值。例如:

let a = Symbol('aaa'); let b = Symbol('aaa'); console.log(a === b); // 返回false

Symbol的基本特性

  • 1. Symbol不能通过new keyword创建。只能通过Symbol()或Symbol.for()方法创建。
  • 2. Symbol是一个独特的数据类型,使用typeof operator检测最好。
  • 3. 当Symbol作为对象属性时,无法通过for...in循环遍历及其对应的enum属性无法被捕获。
let symbolObj = { a: '1', b: '2', [Symbol('prop')] : '3' };    for (let key in symbolObj) { console.log(key); } // 只会输出1和2}

Symbol创建方法

let syml = Symbol('描述'); // 这个格式是最常用的

如果要创建没有描述的Symbol,可以省略描述参数:

let syml = Symbol(); // 抽取一个随机唯一的描述

区别于普通对象键

Symbol键与普通字符串或数值键有区别,它们不会被序列化转为字符串。例如,当使用JSON.stringify()方法输出对象时,symbol键会被省略。

let obj = {      prop1: 'someValue',      prop2: Symbol('key')    };    console.log(JSON.stringify(obj)); // 结果中可能不显示Symbol键的内容

使用Symbol.for()方法创建

let a = Symbol.for('aaa');    let b = Symbol.for('aaa');    console.log(a === b); // 返回true,这种方法保证多次用同一描述的Symbol是相同的

Symbol.for()方法创建的不同之处在于,它会查找一个全局命名空间(注册表)查看是否已经存在一个名为'aaa'的Symbol。如果已经存在,就返回该Symbol;否则,创建一个并在全局注册表中记录。

读取Symbol描述

可以使用Symbol.keyFor()方法获取一个Symbol的描述。例如:

let a = Symbol.for('aaa');    console.log(Symbol.keyFor(a)); // 输出'aaa'

常见问题

  • 为什么Symbol只能用作独特标识符?因为它们无法被字符串化,且每个描述都生成一个唯一的实例。
  • 怎样确保跨页面或跨窗口的Symbol保持独立性?因为相同页面内使用Symbol.for()生成的symbols才会相同,不同页面或窗口还是独立的符号实例。

示例总结

let syml = Symbol('自定义描述');let obj = {};obj[Symbol.hasOwn = 'attr']; // 检查对象是否拥有特定属性

转载地址:http://bcpuk.baihongyu.com/

你可能感兴趣的文章
mysql5.7 for windows_MySQL 5.7 for Windows 解压缩版配置安装
查看>>
Webpack 基本环境搭建
查看>>
mysql5.7 安装版 表不能输入汉字解决方案
查看>>
MySQL5.7.18主从复制搭建(一主一从)
查看>>
MySQL5.7.19-win64安装启动
查看>>
mysql5.7.19安装图解_mysql5.7.19 winx64解压缩版安装配置教程
查看>>
MySQL5.7.37windows解压版的安装使用
查看>>
mysql5.7免费下载地址
查看>>
mysql5.7命令总结
查看>>
mysql5.7安装
查看>>
mysql5.7性能调优my.ini
查看>>
MySQL5.7新增Performance Schema表
查看>>
Mysql5.7深入学习 1.MySQL 5.7 中的新增功能
查看>>
Webpack 之 basic chunk graph
查看>>
Mysql5.7版本单机版my.cnf配置文件
查看>>
mysql5.7的安装和Navicat的安装
查看>>
mysql5.7示例数据库_Linux MySQL5.7多实例数据库配置
查看>>
Mysql8 数据库安装及主从配置 | Spring Cloud 2
查看>>
mysql8 配置文件配置group 问题 sql语句group不能使用报错解决 mysql8.X版本的my.cnf配置文件 my.cnf文件 能够使用的my.cnf配置文件
查看>>
MySQL8.0.29启动报错Different lower_case_table_names settings for server (‘0‘) and data dictionary (‘1‘)
查看>>