ES6新增属性Symbol详解

ES6新增属性Symbol详解

1.什么Symbol?

Symbol是ES6中新增的一种数据类型, 被划分到了基本数据类型中
基本数据类型: 字符串、数值、布尔、undefined、null、Symbol
引用数据类型: Object

2.Symbol的作用

用来表示一个独一无二的值

3.如果生成一个独一无二的值?

let xxx = Symbol();

4.为什么需要Symbol?

在企业开发中如果需要对一些第三方的插件、框架进行自定义的时候
可能会因为添加了同名的属性或者方法, 将框架中原有的属性或者方法覆盖掉
为了避免这种情况的发生, 框架的作者或者我们就可以使用Symbol作为属性或者方法的名称

5.如何区分Symbol?

在通过Symbol生成独一无二的值时可以设置一个标记
这个标记仅仅用于区分, 没有其它任何含义

let obj = {
    name: "lnj",
    say: function () {
        console.log("say");
    }
}
obj.name = "it666";
console.log(obj.name); //it666 原值被覆盖
obj.say = function () {
    console.log("test");
}
obj.say();//test 原方法被覆盖

//解决方案: 用symbol
let name = Symbol("name");
let say = Symbol("say");
let obj = {
    // 注意点: 如果想使用变量作为对象属性的名称, 那么必须加上[]
    [name]: "lnj",
    [say]: function () {
        console.log("say");
    }
}
// obj.name = "it666";
obj[Symbol("name")] = "it666";
console.log(obj);

6.symbol注意点

通过Symbol生成独一无二值时需要在后面加上(), 但是前面不能加new, 因为它不是引用类型

let xxx = Symbol(); // 正确
let xxx = new Symbol(); // 错误

通过Symbol生成独一无二值时传入的字符串仅仅是一个标记, 方便我们阅读代码, 没有其它任何意义

let xxx = Symbol("name");

做类型转换的时候不能转换成数值

let xxx = Symbol("name");
console.log(String(xxx));
console.log(Boolean(xxx));
console.log(Number(xxx));

不能做任何运算

let xxx = Symbol("name");
console.log(xxx + "abc"); //报错
console.log(xxx + 123); //报错

Symbol生成的值作为属性或方法名称时, 一定更要保存下来, 否则后续无法使用

let name = Symbol("name");
let obj = {
    // [name]: "lnj"
    [Symbol("name")]: "it666"
 }
 // console.log(obj[name]);
 console.log(obj[Symbol("name")]);

for循环无法遍历出Symbol的属性和方法

let name = Symbol("name");
let say = Symbol("say");
let obj = {
    // 注意点: 如果想使用变量作为对象属性的名称, 那么必须加上[]
    [name]: "lnj",
    [say]: function () {
        console.log("say");
    },
    age: 34,
    gender: "man",
    hi: function () {
        console.log("hi");
    }
}
// for(let key in obj){
//     console.log(key);
// }
console.log(Object.getOwnPropertySymbols(obj));