JavaScript的数据类型(一)

JavaScript前六种数据类型:undefined、null、Boolean、String、Number、Object

ES6引入了一种新的原始数据类型symbol,表示独一无二的值,它是JavaScript语言的第七种数据类型。

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

let s = Symbol();

typeof s; // "symbol"

上面代码中,变量s就是一个独一无二的值。typeof运算符的结果,表明变量s是Symbol数据类型,而不是字符串之类的其他类型。

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

☆ Symbol函数的参数只是表示对当前Symbol值的描述,相同参数的Symbol函数的返回值是不相等的。

代码如下:

// 没有参数的情况
let s1 = Symbol();
let s2 = Symbol();

s1 === s2 // false


// 有参数的情况
let s1 = Symbol('test');
let s2 = Symbol('test');

s1 === s2; // false

s1和s2都是Symbol函数的返回值,而且参数相同,但是它们是不相等的。

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

代码如下:

let mySymbol = Symbol();

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

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

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

// 以上写法都得到同样的结果
a[mySymbol]  // hello

上面代码通过方括号结构和Object.defineProperty,将对象的属性名指定为一个Symbol值。

☆ Symbol值作为对象属性名,不能用点运算符。

代码如下:

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

a.mySymbol = 'hello';
a[mySymbol] // undefined
a['mySymbol'] // 'hello'

上面代码中,因为点运算符后面总是字符串,所以不会读取mySymbol作为标识名所指代的那个值,导致a的属性名实际上是一个字符串,而不是一个Symbol的值。

☆ Symbol值作为属性名时,该属性还是公开属性,不是私有属性。

Symbol详细资料:http://es6.ruanyifeng.com/#docs/symbol

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值