前端基础-ECMAScript(Symbol数据类型)

2020-03-26 16:20:59 浏览数 (2)

ES5数据类型：6种： string number boolean null undefined object

ES6新增了一种数据类型：Symbol，表示独一无二的值，Symbol最大的用途是用来定义对象的唯一属性名。

Symbol值通过Symbol函数生成。

代码语言：javascript复制

var symbol1 = Symbol();

var symbol2 = Symbol("Alice");

console.log(symbol1, symbol2) // 输出：Symbol() Symbol(Alice)

typeof运算符用于Symbol类型值，返回symbol。

代码语言：javascript复制

console.log(typeof Symbol("Alice")) // 输出：symbol

Symbol类型的值是一个独一无二的值，Symbol函数的参数只是表示对当前Symbol值的描述，因此相同参数的Symbol函数的返回值是不相等的。

代码语言：javascript复制

console.log(Symbol() == Symbol()); // 输出：false

console.log(Symbol("Alice") == Symbol("Alice")); // 输出：false

应用：作为对象属性名的Symbol

代码语言：javascript复制

var attr_name = Symbol();
var obj = {
	[attr_name]: "Alice"
};
console.log(obj[attr_name]);

var obj = {
  	[Symbol()]:"Alice"
};
console.log(obj);

注：Symbol值作为对象属性名时，不能用点运算符。由于点运算符后面总是字符串，所以不会读取attr_name作为标识名所指代的那个值。

使用[]方括号，里面的attr_name不带引号，表示attr_name是一个变量.

0 人点赞