ES6系列——深入理解es6新特性symbol,一个不会重复的值

53 篇文章 0 订阅
5 篇文章 0 订阅

一、Symbol是什么?

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

二、介绍

1.不会重复

代码如下(示例):

let s1 = Symbol('abc'),s2 = Symbol('abc')
s1 === s2   //false

在这里插入图片描述

2.获取Symbol数据的描述

代码如下(示例):

s1   //Symbol(abc)
s1.description    //"abc"

在这里插入图片描述

3.将Symbol数据设置为属性名

let mySymbol = Symbol();

// 第一种写法
let a = {};
a[mySymbol] = 'Hello!';

// 第二种写法
let a = {
  [mySymbol]: 'Hello!'
};

// 第三种写法
let a = {};
Object.defineProperty(a, mySymbol, { value: 'Hello!' });   

// 以上写法都得到同样结果
a[mySymbol] // "Hello!"

4.Symbol属性名取值

const mySymbol = Symbol();
const a = {};

a.mySymbol = 'Hello!';
a['mySymbol'] // "Hello!"

5.属性名遍历

const obj = {};
let a = Symbol('a');
let b = Symbol('b');

obj[a] = 'Hello';
obj[b] = 'World';

const objectSymbols = Object.getOwnPropertySymbols(obj);

objectSymbols
// [Symbol(a), Symbol(b)]
//getOwnPropertyNames是for...in和Object.keys()的组合

6.Symbol描述一样,值一样

let s6 = Symbol.for('abc'), s7 = Symbol.for('abc')
s6 === s7

在这里插入图片描述

附带知识

1.对象的取值方式有两种,
一种是用 对象名 . 属性名 的方式,. 后面的属性名是一个字符串,用 . 来取值, . 后面必须是字符串
二种是用 [属性名] 的方式 ,[]中属性名加了引号代表的就是字符串常量,在这个对象中有一个属性名,如果没有引号,则代表的是一个变量

2.新的原始数据类型Symbol,表示独一无二的值。它是 JavaScript 语言的第七种数据类型,前六种是:undefined、null、布尔值(Boolean)、字符串(String)、数值(Number)、对象(Object)。
默写
undefined、null、string、number、boolean
object、symbol(、function 在es6中没有这个类型)

总结

good afternoon
  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值