1.9 Symbol类型(了解一下就可以了,用的不多)
es6中引入一个新的原始数据类型 Symbol类型,它表示独一无二的值。
最大的用途 是用来定义对象的私有成员
ES6 数据类型除了 Number 、 String 、 Boolean 、 Object、 null 和 undefined ,还新增了 Symbol 。
它是一个基本类型的值,不能使用new关键字来创建
使用场景
由于 每一个Symbol的值都是不相等的,所以Symbol作为对象的属性,可以保证属性不重复
如果用Symbol定义的对象中的变量,取值时一定要用[变量名]
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>1.9 Symbol类型(了解一下就可以了,用的不多)</title>
</head>
<body>
<script>
// es6中引入一个新的原始数据类型 Symbol类型,它表示独一无二的值。
// 最大的用途 是用来定义对象的私有成员
// ES6 数据类型除了 Number 、 String 、 Boolean 、 Object、 null 和 undefined ,还新增了 Symbol 。
// 它是一个基本类型的值,不能使用new关键字来创建
const name = Symbol('name');
const name2 = Symbol('name');
console.log(name === name2); // 输出:false name和name2的内存地址不一样。
// 使用场景
// 由于 每一个Symbol的值都是不相等的,所以Symbol作为对象的属性,可以保证属性不重复
// 写法1
let s1 = Symbol('s1');
console.log(s1); // 输出:Symbol(s1)
let obj = {};
obj[s1] = 'mm';
// 如果用Symbol定义的对象中的变量,取值时一定要用[变量名]
console.log(obj[s1]); // 输出:mm
// 写法2
let obj2 = {
[s1]:'lf'
}
console.log(obj2[s1]); // 输出:lf
// 写法3
let obj3 = {}
Object.defineProperty(obj3,s1,{
value:'mjj'
})
console.log(obj3);
// Symbol 作为对象属性名时不能用.运算符,要用方括号。因为.运算符后面是字符串,所以取到的是字符串 s1 属性,而不是 Symbol 值 s1 属性。
console.log(obj3.s1);//undefined
// 注意点: 获取Symbol声明的属性名 (作为对象的key) (了解一下就可以了)
for(let key in obj3){
console.log(key);//无输出
}
console.log(Object.keys(obj3)); // 输出:空
let s = Object.getOwnPropertySymbols(obj3);
console.log(s); // 输出:[Symbol(s1)]
let m = Reflect.ownKeys(obj3);
console.log(m); // 输出:[Symbol(s1)]
</script>
</body>
</html>