听说ES6中新增了能够与众不同的Symbol数据类型

谁借莪１个温暖的怀抱￠ 2022-09-16 12:18 192阅读 0赞

### 前言 ###

> 小伙伴们大家好。不知道大家有没有遇到这样一种情况：在我们日常开发中，有时候可能会用到一些别人提供的对象，并且业务需要想要在这个对象的基础上进行一些扩展，添加一些属性或方法等。这个时候如果我们不了解对象结构的情况下，冒然去扩展，很有可能就会跟对象原有的属性或方法发生冲突。因为在ES5中对象的属性名都是以字符串的形式命名的，这就很容易造成属性名的冲突。而我们接下来要分享的小知识便可以很好的解决这一问题。那就是ES6中新增的一种原始数据类型 - Symbol

### 原始数据类型Symbol ###

> Symbol是ES6中新增的一种原始数据类型。用它来表示一个独一无二的值。就像我们以前学过的NaN一样，NaN和NaN总是不相等的。同样Symbol和Symbol也总是不相等的。接下来我们看一下Symbol的用法和特点
> 
>  *  **Symbol的用法**：
>     
>      *  Symbol的用法很简单，Symbol值是通过Symbol函数生成的。函数可以传递一个字符串类型的参数作为Symbol值的描述
>         
>             let s1 = Symbol();
>             	let s2 = Symbol('hello');
>  *  **Symbol的特点**
>     
>      *  Symbol的值是独一无二的，每个Symbol值都是不同的
>      *  Symbol值是通过Symbol函数生成的，Symbol函数可以接受一个字符串作为参数，表示对 Symbol 实例的描述
>      *  Symbol函数如果传递一个对象作为参数，则会调用对象的toString方法将对象转换为字符串
>      *  Symbol值不能与其他类型值进行运算，否则会报错
>      *  Symbol 值可以显式转为字符串或布尔值，但是不能转换为数字
>      *  Symbol作为对象的属性名时需要用方括号\[\]包裹
>      *  Symbol值作为对象属性名时，不能用点运算符。需要用：对象名\[Symbol变量\]的形式访问
>      *  Symbol类型还可以定义一组常量，以保证这组常量的值都是不相等的
>      *  Symbol作为对象属性名时，不会出现在for…in、for…of中，也不会被Object.keys()、Object.getOwnPropertyNames()、JSON.stringify()返回，但是可以通过Object.getOwnPropertySymbols()方法获取Symbol类型的属性名

//1. Symbol的值是独一无二的
    //2. Symbol值是通过Symbol函数生成的
    let s1 = Symbol();
    let s2 = Symbol();
    console.log(s1===s2); //false
    
    //3. Symbol函数可以接受一个字符串作为参数，表示对 Symbol 实例的描述
    let s3 = Symbol('description');
    let s4 = Symbol('description');
    s3 === s4 ;//false
    
    //4. 给Symbol函数传递一个对象作为参数
    let s5 = Symbol([1,2,3])
    console.log(s5); // Symbol(1,2,3)
    
    //5. Symbol值不能与其他类型值进行运算
    let s6 = Symbol('hello')
    console.log(s6 + " world");// TypeError: can't convert symbol to string
    
    //6. Symbol 值可以显式转为字符串或布尔值，但是不能转换为数字
    let s7 = Symbol('1')
    String(s7);// Symbol(1)
    s7.toString();// Symbol(1)
    typeof s7 ;// "string"
    Boolean(s7) //true
    Number(s7);// TypeError: can't convert symbol to number
    
    //7. Symbol作为对象的属性名时需要用方括号[]包裹
    //8. Symbol值作为对象属性名时，不能用点运算符。需要用：对象名[Symbol变量]的形式访问
    let s8 = Symbol('obj');
    let obj = { 
    	[s8]: 'hello world'
    }
    console.log(obj.s8);//undefined 这种情况s8会被认为是字符串属性，所以获取不到
    console.log(obj[s8]);//hello world
    
    //9. Symbol类型还可以定义一组常量，以保证这组常量的值都是不相等的
    const log = { };
    log.levels = { 
      DEBUG: Symbol('debug'),
      INFO: Symbol('info'),
      WARN: Symbol('warn')
    };
    console.log(log.levels.DEBUG, 'debug message');
    console.log(log.levels.INFO, 'info message');
    
    //10. Symbol作为对象属性名时，不会出现在for...in、for...of中，也不会被Object.keys()、Object.getOwnPropertyNames()、JSON.stringify()返回，但是可以通过Object.getOwnPropertySymbols()方法获取Symbol类型的属性名
    const obj = { };
    let a = Symbol('a');
    let b = Symbol('b');
    obj[a] = 'Hello';
    obj[b] = 'World';
    obj.c = 'javascript'
    
    Object.keys();// ['c']
    Object.getOwnPropertySymbols(obj);//[Symbol(a), Symbol(b)]

### Symbol的使用场景 ###

> 了解了Symbol的一些特点后，借助这些特点就可以做一些事情了。比如
> 
>  *  扩展其它人提供的对象
>  *  消除魔术字符串
>  *  为对象定义一些非私有的、但又希望只用于内部的方法
>  *  定义一组常量等等

### 总结 ###

> 今天我们又学到了ES6中的一个新知识Symbol，相信小伙伴们也感受到了Symbol的强大之处。关于Symbol的使用和特点就分享到这里了。下一篇文章将继续探索Symbol中一些内置的值以及它们的作用。感谢小伙伴们的支持。
> 
> 喜欢的小伙伴欢迎点赞留言加关注哦！