ReactNative进阶（二十八）：ES6 Symbol用法

我就是我 2022-10-20 13:45 204阅读 0赞

### 文章目录 ###

*   *  什么是Symbol?
     *  应用场景
     *  注意事项

--------------------

## 什么是Symbol? ##

`Symbol`是`es6`中一种新增加的数据类型，它表示独一无二的值。`es5`中我们把数据类型分为基本数据类型（`字符串、数字、布尔、undefined、null`）和引用数据类型(`Object`),在`es6`中新增的`Symbol`数据类型划分到基本数据类型。

为什么会有这样一种数据类型呢？

//别人给了你一个定义好的对象
    var obj = { 
        name: "xiaoqiang",
        showName: function(){ alert(1)}
    }
    //你拿到对象想给这对象添加新的属性和方法的时候，可能会创建出一个name属性和showName方法
    obj.name = "nodeing"
    obj.showName = function(){ alert(2)}

这个时候，新增加的方法和属性就会去把原有的方法覆盖，这样就产生了冲突。

由于对象的属性和方法是字符串组成，这样新增方法和属性的时候有可能冲突，在es6中就新增了一种数据类型，表示独一无二的值。

通过`Symbol`函数可以创建一个独一无二的值,每一次执行`Symbol`函数的时候返回的都是一个对象。

let s1 = Symbol()
    let s2 = Symbol()
     
    console.log(s1 === s2) //false 说明创建出来的s1和s2 并不是相同的
    console.log(s1, s2); //Symbol() Symbol()

上述代码中，打印出来的值都是`Symbol()` , 怎样才能区分谁是s1，谁是s2呢？我们可以通过传参的形式来解决

//传入的参数就是对当前Symbol的描述，用来区分Symbol
    let s1 = Symbol("s1")
    let s2 = Symbol("s2")
    console.log(s1, s2);  //Symbol(s1) Symbol(s2)

## 应用场景 ##

`Symbol`通常用于设置对象的属性名或者方法，防止新加入的属性或者方法与原来属性或者方法冲突。

let name = Symbol("name");
    let show = Symbol("show");
     
    let obj = { 
        //设置属性
        [name]: 'xiaoqiang',
        [show](){ alert(1)}
    };
    //取值
    console.log(obj[name]);
    //调用方法
    obj[show]()

这里要注意的是name的值必须是在`[]`中表示是可以改变的是一个变量。

## 注意事项 ##

*  `Symbol`里面的参数仅仅是对`Symbol`的描述，没有其他意义，因此，即使描述相同，`Symbol`也是不同的。

这里可以猜测Symbol这个函数的返回值是一个对象

console.log(Symbol("nodeing") === Symbol("nodeing")) //false

*  `Symbol`函数不能使用`New`关键字调用

let s1 = new Symbol(); //报错

*  `Symbol`类型在做类型转换的时候不能转成数字

let s1 = Symbol("s1");
    console.log(String(s1));  //Symbol(s1)
    console.log(Boolean(s1));  //true
    console.log(Number(s1)) //报错

*  `Symbol`不能做任何运算

console.log(Symbol("s1") + "nodeing") //报错
    console.log(Symbol("s1") - 100) //报错

*  `Symbol`在作为对象属性或者方法的时候，如果不赋值给一个变量的话，没有办法取值。

let obj = { 
        //设置属性
        [Symbol("name")]: 'xiaoqiang'
    };
    //取值
    console.log(obj[Symbol("name")]);

*  `Symbol`没有办法被`for in`循环遍历

let name = Symbol('name')
    let age = Symbol('age')
    let obj = { 
        a: 1,
        b: 2,
        [name]: 'xiaoqiang',
        [age]: 18
    };
    for(let attr in obj){ 
        console.log(attr,obj[attr])  //a b
    }

可以使用`Object.getOwnPropertySymbols`查看对象上所有的`symbol`属性。

console.log(Object.getOwnPropertySymbols(obj))