ES6笔记-symbol

news/2024/7/10 22:59:03 标签: es6, 笔记, 前端

ES6 symbol 是什么

ES5的对象属性名是字符串,这容易造成属性名的冲突。symbol是一种机制,保证每个属性的名字都是独一无二的。这样就从根本上防止属性名冲突。

它是一种原始数据类型Symbol,表示独一无二的值。它属于javaScript语言的原生数据类型之一。其他数据类型是,undefinde,null, 布尔值(Boolean),字符串(String),数值(Number),大整数(BigInt),对象(object)

symbol值通过symbol()函数生成。这也就是说,对象的属性名现在可以有两种类型,一种是原来就有的字符串,另一种是新增的Symbol类型。凡是属性名属于Symbol类型,就都是独一无二的,可以保证不会与其他属性名产生冲突

Symbol()函数不能使用new命令 ,否则会报错。这是因为Symbol是一个原始类型的值,不是对象,所以不能用new命令来调用。Symbol值不是对象,所以也不能添加属性。基本上,它是一种类似字符串的数据类型

Symbol()函数的参数只是对当前Symbol值的描述,因此相同参数的Symbol函数返回值是不相等的

Symbol值不能与其他类型的值进行运算,会报错

Symbol()函数创建symbol值时,可以用参数添加一个描述

但是读取这个方法要将symbol显示转换为字符串

由于每一个symbol值都是不相等的,这意味着只要symbol值作为标识符,用于对象的属性名,就能保证不会出现同名属性。这对于一个对象由多个模块构成的情况非常有用,能防止某一个键不小心改写覆盖
属性名遍历

symbol值作为属性名,遍历对象的时候,该属性不会出现在for…in,for…of循环中,也不会被object.keys(),object.getownproppertyNames(),json.stringify()返回
但是它也是一个私有属性有一个object.getownPropertysymbols()方法,可以获取指定对象的所有symbol属性名。该方法返回一个数组,成员是当前对象的所有用作属性名的symbol值

reflect.ownkeys()方法阶梯返回所有类型的键名,包括常规键和symbol键名

有时我能希望使用同一个symbol值,symbol.for()方法可以做到这一点。它接受一个字符串作为参数,然后搜索没有以该参数作为名称的symbol值。如果有,就返回这个symbol值,否则就新建一个以该字符串为名称的symbol值,并将其注册到全局

symbol.for()与symbol()这两种写法都会生成新的symbol。它们的区别是,前者会被登记在全局环境中共搜索,后者不会。symbol.for()不会每次调用就返回一个新的symbol类型的值,而是会先检查给定的key是否已经存在,如果不存在才会新建一个值。

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

由于symbol没有登记机制,所以用symbol创建的会返回undefinde


http://www.niftyadmin.cn/n/5342773.html

相关文章

21.云原生之GitLab pipline语法(CI基础)

云原生专栏大纲 文章目录 gitlab-ci.yml 介绍GitLab中语法检测gitlab-ci.yml 语法job定义作业before_script和after_scriptstages定义阶段tages指定runnerallow_failure运行失败when控制作业运行retry重试timeout超时parallel并行作业only & exceptrulescache 缓存cache:p…

美易官方:小米汽车交付时间传闻被官方辟谣

在科技与互联网的快速发展浪潮中,各类信息传播速度之快令人咋舌。然而,信息的真实性却时常成为公众关注的焦点。近日,关于小米汽车交付时间的谣言再次引起市场的广泛关注。小米公司发言人迅速作出回应,明确指出这些关于小米汽车交…

微信小程序(十二)在线图标与字体的获取与引入

注释很详细,直接上代码 上一篇 新增内容: 1.从IconFont获取图标与文字的样式链接 2.将在线图标配置进页面中(源码) 3.将字体配置进页面文字中(源码) 4.css样式的多文件导入 获取链接 1.获取图标链接 登入…

编程笔记 html5cssjs 049 CSS列表

编程笔记 html5&css&js 049 CSS列表 一、CSS列表二、HTML 列表和 CSS 列表属性三、定位列表项标记四、列表 - 简写属性五、设置列表的颜色样式六、练习小结 CSS设置列表样式。 一、CSS列表 <!DOCTYPE html> <html> <head> <style> ul.a {list…

cookie in selenium 定时更新token

1.selenium添加cookie访问 需要登录才能访问的链接 selenium 访问 “https://developer.org.com”&#xff0c;如果没登陆,则跳转到"https://console.org.com/login"&#xff0c;此时selenium取到的cookie的domain是&#xff1a;.console.org.com。 而domain 是 .c…

微信小程序(十四)分包和分包预加载

注释很详细&#xff0c;直接上代码 新增内容&#xff1a; 1.分包的配置 2.分包预加载的写法 先说说为什么需要分包&#xff1a; 小程序追求小而快&#xff0c;主包的大小控制是小程序上线的硬性要求&#xff0c;分包有利于小程序优化加载速度 分包的注意事项&#xff1a; 单个分…

复现NAS with RL时pytorch的相关问题

optimizer.zero_grad()是什么&#xff1f; optimizer.zero_grad()是PyTorch中的一个操作&#xff0c;它用于清零所有被优化变量&#xff08;通常是模型的参数&#xff09;的梯度。 在PyTorch中&#xff0c;当你计算某个张量的梯度时&#xff08;比如通过调用.backward()函数&…

大型语言模型 (LLM)全解读

一、大型语言模型&#xff08;Large Language Model&#xff09;定义 大型语言模型 是一种深度学习算法&#xff0c;可以执行各种自然语言处理 (NLP) 任务。 大型语言模型底层使用多个转换器模型&#xff0c; 底层转换器是一组神经网络。 大型语言模型是使用海量数据集进行训练…