当前位置:网站首页>ES6新增数据类型-Symbol
ES6新增数据类型-Symbol
2022-08-11 05:17:00 【前端小马】
ES6 引入了一种新的原始数据类型 Symbol ,表示独一无二的值,最大的用法是用来定义对象的唯一属性名。它是JavaScript中的第七种数据类型,与undefined、null、Number(数值)、String(字符串)、Boolean(布尔值)、Object(对象)并列。
语法:
let a=Symbol()
console.log(a)//输出Symbol()
let a=Symbol("苹果")//Symbol可以接受一个字符串作为参数,为新创建的 Symbol 提供描述,便于区分
let b=Symbol("苹果")
console.log(a==b)//false
let a=Symbol.for("苹果")//使用Symbol.for()可以创建相同Symbol
let b=Symbol.for("苹果")
console.log(a==b)//true
let a=Symbol("1")
console.log(a+1)//报错,Symbol不能进行运算
每一个 Symbol 的值都是不相等的,所以 Symbol 作为对象的属性名,可以保证属性不重名
方式1
let person={
name:"小王",
age:18,
say:function(){
return "我是say"
}
}
let say=Symbol("say")
person[say]=function(){
return "我是[say]"
}
console.log(person[say]())//我是[say]
console.log(person.say())//我是say
---------------------------------------------------------------------------
方式2
let say=Symbol("say")
let person={
name:"小王",
age:18,
say:function(){
return "我是say"
},
[say]:function(){
return "我是[say]"
}
}
console.log(person[say]())//我是[say]
console.log(person.say())//我是say
---------------------------------------------------------------------------
注意不能这样,这样因为Symbol不是唯一的,所以无法调用[Symbol("say")]
let person={
name:"小王",
age:18,
say:function(){
return "我是say"
},
[Symbol("say")]:function(){
return "我是[say]"
}
}
console.log(person[Symbol("say")])//undefined
注意: Symbol 函数不能用 new 命令,因为 Symbol 是原始数据类型
边栏推荐
- 事件绑定触发
- Koa的使用,搭建本地服务器(必会技能)
- npm WARN config global `--global`, `--local` are deprecated. Use `--location=global` instead.
- 【win10+cuda7.5+cudnn6.0安装caffe③】编译及测试caffe
- 表单input控件数据双向绑定
- C language - program compilation and execution, detailed macro definition
- c pointer learning (1)
- Chapter 13 Class Inheritance-1
- Hooks在函数组件中使用useState、useEffect、useRef、useContext
- C - file operations fseek () function, ftell, rewind, rounding
猜你喜欢
06-引入Express创建web服务器、接口封装并使用postman测试,静态资源托管
npm WARN config global `--global`, `--local` are deprecated. Use `--location=global` instead.
【win10+cuda7.5+cudnn6.0安装caffe④】安装pycaffe
吃瓜教程task02 第3章 线性模型
简单做份西红柿炒蛋778
09-ES6语法:变量、箭头函数、类语法、静态属性及非静态属性
数组:一个存取数字的魔盒
最全总结Redis数据类型使用场景
06-JS定时器:间隔定时器、延时定时器
Blender 初教程
随机推荐
第10章 对象和类-2
Chapter 13 Class Inheritance
npm WARN config global `--global`, `--local` are deprecated. Use `--location=global` instead.
C语言结构体详解 (2) 结构体内存对齐,默认对齐数
LeetCode43.字符串相乘 (大数相乘可用此方法)
第6章 分支语句和逻辑运算符
Chapter 13 Class Inheritance-1
leetcode21.合并两个有序链表
05-Nodejs中的模块加载机制
07-nodemon安装和使用
第13章 类的继承-1
Error in render: “TypeError: Cannot read properties of undefined (reading ‘kingKongList‘)“
Minecraft
组件间通信
QT GrabWindow截取屏幕
利用轮播图制作简单游戏页面
ClionIDE compiles by specifying the compiler
数组的用法
在项目中使用flex布局的justify-content:space-around;遇到的问题,(数量为单数)
Chapter 4 Composite Types-1