ES6原始数据类型Symbol

news/2024/7/11 1:02:13 标签: es6, 前端, ecmascript

ES6引入的一种新的原始数据类型Symbol,表示独一无二的值。Symbol函数可以接受参数,表示对于这个唯一值的描述。属于基本数据类型,Symbol()函数会返回symbol类型的值

// 创建symbol值
let  sy1=Symbol('hello');
let  sy2=Symbol();
console.log(sy1==sy2);
###1. 为了解决冲突
let obj={
    name:'zhangsan',
    age:12
}
// 新增属性 修改属性
let sy3=Symbol('name');
let obj1={
    ...obj,
    // 属性名是变量名时使用中括号
    [sy3]:"myname"
}
console.log(obj1)
案例:
let sy1=Symbol('age');
let sy2=Symbol('name');
let obj={
	name:"zhangsan",
	age:12,
	[sy1]:'myname',
	[sy2]:'myage',
	[Symbol('email')]:'kangjie@briup.com'
}
for(let key in obj){
	console.log(key);
}
let ss=Object.getOwnPropertySymbols(obj);
console.log(obj[ss[2]]);

2.消除魔术字符串
 魔术字符串指的是,在代码之中多次出现、与代码形成强耦合的某一个具体的字符串或者数

function test(shape,options){
	let area=0;
	switch(shape){
		case Shape.SJX:
			area=.5 * options.width*options.height
			break;
		case Shape.ZFX:
			area=options.width*options.height
			break;
		case Shape.CIRCLE:
			area=Math.PI*Math.pow(options.r,2)
			break;
		default:
			area=-1			
	}
	return area
}
let Shape={
	SJX:Symbol('sjx'),
	ZFX:Symbol('zfx'),
	CIRCLE:Symbol('circle')
}
let res=test(Shape.SJX,{width:100,height:100,r:100});
console.log(res);

3.全局注册表
Symbol() 不同的是,用 Symbol.for() 方法创建的的 symbol 会被放入一个全局 symbol 注册表中。Symbol.for() 并不是每次都会创建一个新的 symbol,它会首先检查给定的 key 是否已经在注册表中了。假如是,则会直接返回上次存储的那个。否则,它会再新建一个。

// 将symbol放到全局注册表中
let sy1=Symbol.for('hello');
// 从全局注册表中找到该key对应的value
let sy2=Symbol.for('hello');
console.log(sy1===sy2);//true
// 每次都会创建一个不同symbol值  虽然描述符一样 但是Symbol value值不一样
let sy3=Symbol('hello');
let sy4=Symbol('hello');
console.log(sy3==sy4);//false

Symbol.keyFor()
// Symbol.keyFor()可以检测symbol值是否在全局注册表中注册过。 返回对于symbol的描述或者undefined
let sy1=Symbol.for('hello');
console.log(Symbol.keyFor(sy1));
let sy2=Symbol('world');
console.log(Symbol.keyFor(sy2))


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

相关文章

数据增广【以图像增广为例】

数据增广/增强: 对一个已有数据集中的数据进行变换,使其有更多的多样性。 数据增广通过通过变形数据来获得多样性从而使得模型的泛化性能更好 例如: 在语言里面加入各种不同的背景噪音改变图片的颜色和形状 增强数据一般在线随机生成&#…

Mybatis 1对1的关联映射结果集

在MyBatis中,ResultMap被用于详细地描述如何从数据库的结果集映射到Java对象。这对于处理复杂的SQL查询和关联表格非常有用,因为它提供了一种灵活的方式来处理数据库列和Java对象属性之间的不匹配,以及数据嵌套。 ResultMap的基本元素&#…

孩子都能学会的FPGA:第二十课——用FPGA实现定点数的开方运算

(原创声明:该文是作者的原创,面向对象是FPGA入门者,后续会有进阶的高级教程。宗旨是让每个想做FPGA的人轻松入门,作者不光让大家知其然,还要让大家知其所以然!每个工程作者都搭建了全自动化的仿…

文字转语音、语音转文字! AI视频生成神器!

分享一波文字转语音、语音转文字!AI视频生成神器!让外国人说中文,口型自然,不限语言,感兴趣的同学可以试试~ 可以用Al生成视频,Whisper语音转文字 Whisper 开源项目: https://github.com/Const…

练习11-简单卷积器的设计

简单卷积器的设计 1,任务目的:2,明确设计任务2.1,目前这部分代码两个文件没找到,见第5、6节,待解决中。 ,卷积器的设计,RTL:con1.v4,前仿真和后仿真,测试信号…

聚焦工业生产安全,汉威科技推出最轻最小迷你便携式单气体检测仪

有毒有害气体、可燃气体等是工业生产中常见的危险因素。我国已经出台了多项法律法规、行业标准,在石油、化工、钢铁冶金、危化品、矿业等行业以及有限空间相关场所作业,应当佩戴便携式气体检测仪,以保障作业人员的安全。 然而,近年…

STELLA系统动态模拟

STELLA是一种用户友好的计算机软件。通过绘画出一个系统的形象图形,并给这个系统提供数学公式和输入数据,从而建立模型。依据专业兴趣,STELLA可以用来建立各种各样的农业、生态、环境等方面的系统动态模型,为科研、教学、管理服务…

LeetCode | 101. 对称二叉树

LeetCode | 101. 对称二叉树 OJ链接 在本函数里不好进行判断,我们另外定义一个函数来如果两个都相等为空,就返回true一个为空,一个不为空都不为空,就比较值然后递归1的左,2的右,1的右,2的左 bool _isSymm…