(精华)2020年7月3日 JavaScript高级篇 ES6(Symbol数据结构)

概念以及引入的原因

// 新提出的一个数据结构 Symbol 基本数据类型
// Symbol表示独一无二 第七种数据类型
// 对象的属性是字符串 对象的话隐式调用toString 转化成字符串
let a = {a:1};
let b = {b:2};
let c = {};
c[a] = 3; // [object Object]
c[b] = 4; // [object Object]
console.log(c);
// ? 怎么解决 
let s = Symbol()
console.log(typeof s); // 第七种一般数据类型

接收字符串作为参数

let s1 = Symbol('a')
let s2 = Symbol('b')
console.log(s1);
console.log(s2);
console.log(s1.toString());
console.log(s2.toString());
let s3 = Symbol({})
console.log(s3);
// 传入的参数只是值得描述 即使传入的值是一样的 返回值也是不相等的
let s4 = Symbol()
let s5 = Symbol();
console.log(s4 === s5);
let s6 = Symbol('a')
let s7 = Symbol('a');
console.log(s6 === s7);

不能与其他类型的值进行计算

let sym = Symbol('my Symbol')
'my symbol is' + sym

Symbol可以显示转化为字符串

let s1 = Symbol('a')
let s2 = Symbol('b')
console.log(s1);
console.log(s2);
console.log(s1.toString());
console.log(String(s1));

Symbol可以转为布尔值 但是不能转化成数值

let symb = Symbol();
console.log( !Boolean(symb));

Symbol.iterator 属性

对象的Symbol.iterator属性 指向该对象的默认遍历器的方法 for...of 循环的时候会调用Symbol.iterator

Object.getOwnPropertySymbols()

const obj = {};
let sym1 = Symbol('a')
let sym2 = Symbol('b')
obj[sym1] = 'hello'
obj[sym2] = 'world'
// Object.getOwnPropertySymbols() 返回一个数组 里面的值是所有用作属性名的Symbol的值
const arr = Object.getOwnPropertySymbols(obj)
console.log(arr);

作用实例 常量枚举 私有属性

// 会实现私有属性
const private = Symbol('private')
const obj = {
    // 私有属性
    _name:'张三',
    [private]:'私有的属性'
}

console.log(Object.keys(obj));