javascript ES6之 Symbol和Symbol属性

在ESCMScript 5 及早期版本中 js 语言包括5中原始类型(也叫基本类型):字符串型string,数字型number,布尔型boolean,null和undefined,ECMAScript 6引入了第6中原始类型:Symbol(用于创建一些私有的,需要保护功能的属性)表示独一无二的,不重复的数据类型。

Symbol是原始值,且ECMAScript 6 扩展了 typeof 操作符,支持返回 ‘Symbol’,所以可以用typeof 来检测变量是否为Symbol类型

let symbol = Symbol('test symbol');

console.log(typeof symbol); // 'symbol'

Symbol的使用方法

所有使用计算属性名的地方都可以使用Symbol.

let firstName = Symbol('first name');

//使用一个可计算对象字面量属性

let person = {

[firstName]: 'Nicholas'

扫描二维码关注公众号,回复: 9192197 查看本文章

};

//将属性设置为只读

Object.defineProperty(person, firstName, {writable: fasle});

let lastName = Symbol('last name');

Object.defineProperties(person,{

[lastName]: {

value: 'david',

writable: false

}

});

Symbol共享体系: Sybmol.for();

Symbol属性检索:

Object.keys()和Object.getOwnPropertyNames()方法可以检索对象中所有的属性名:前者返回所有可枚举的属性名,后者不考虑属性的可枚举性一律返回,然而为了保持ecmascript 5含有原有的功能,es6添加了一个方法:Object.getOwnProperty-symbol()方法来检索对象中的Symbol属性,此方法返回的是一个包含所有Symbol自有属性的一个数组,如:

let uid = Symbol.for('uid');

let object = {

[uid]: '123';

}

let symbols = Object.getOwnProperty-symbol(object);

console.log(symbols.length); // 1

console.log(symbols[0]); // 'Symbol(uid)'

console.log(objcet[symbols[0]]); // '123'

发布了69 篇原创文章 · 获赞 35 · 访问量 7万+

猜你喜欢

转载自blog.csdn.net/qyl_0316/article/details/100555608