• ECMAScript6 入门 Symbol


    Symbol:一种新的原始数据类型,表示独一无二的值。

    以前的数据类型可能变量不同,但是变量的值可以相同;

    而Symbol类型的变量的值是独一无二的。

    原本的对象的属性名都是字符串,还要小心发生冲突,

    凡是属性名为Symbol类型的,就是独一无二的,可以保证不去其他属性名冲突

    let s = Symbol(); //函数前不能使用new操作符,因为生产的是一个原始类型的值,并不是对象,因为是值,所以也不能添加属性
    let s1 = Symbol('foo'); //有了参数以后,就等于为它们加上了描述
    let s2 = Symbol('bar');//基本上,它是一种类似于字符串的数据类型
    const obj = {
      toString() {
        return 'abc';
      }
    };
    const sym = Symbol(obj);
    sym // Symbol(abc)
    如果 Symbol 的参数是一个对象,就会调用该对象的toString方法,将其转为字符串,然后才生成一个 Symbol 值
    //注意,Symbol函数的参数只是表示对当前 Symbol 值的描述,因此相同参数的Symbol函数的返回值是不相等的
    //
    没有参数的情况 let s1 = Symbol(); let s2 = Symbol(); s1 === s2 // false // 有参数的情况 let s1 = Symbol('foo'); let s2 = Symbol('foo'); s1 === s2 // false

    Symbol值不能与其他类型的值进行计算,但是可以转化为字符串或者布尔值

    const sym = Symbol('foo');
    
    String(sym) // "Symbol(foo)"
    sym.toString() // "Symbol(foo)"
    
    2:Symbol.prototype.description
    直接返回Symbol的描述

    注意,Symbol 值作为对象属性名时,不能用点运算符,Symbol 值必须放在方括号之中。

    let s = Symbol();
    
    let obj = {
      [s]: function (arg) { ... }
    };
    
    obj[s](123);

    作用一:给对象添加属性,作为属性名

    let obj={
        a:1
    };
    //此时我们想给对象添加属性,但是又不知道这个属性名是否已经被占用,就会出现覆盖或者重新对象的属性的情况
    obj.a =2;
    //这种方式就不会覆盖对象原有的属性 注意:Symbol 值作为属性名时,该属性还是公开属性,不是私有属性 let a
    = Symbol('panrui'); obj[a] = 2; Object.defineProperty(obj,a,{value:2});

    作用二:Symbol定义一组常量

    作用三:消除魔术字符串--魔术字符串指的是,在代码之中多次出现、与代码形成强耦合的某一个具体的字符串或者数值

    function getArea(shape, options) {
      let area = 0;
    
      switch (shape) {
        case 'Triangle': // 魔术字符串
          area = .5 * options.width * options.height;
          break;
        /* ... more code ... */
      }
    
      return area;
    }
    
    getArea('Triangle', {  100, height: 100 }); // 魔术字符串
    
    const shapeType = {
      triangle: 'Triangle'
    };
    
    function getArea(shape, options) {
      let area = 0;
      switch (shape) {
        case shapeType.triangle:
          area = .5 * options.width * options.height;
          break;
      }
      return area;
    }
    
    getArea(shapeType.triangle, {  100, height: 100 });
    
    const shapeType = {
      triangle: Symbol()
    };
    View Code
    5:属性名的遍历
    Symbol作为属性名,但是该属性不会存在for...in,for...of循环当中,也不会
    被Object.keys()、Object.getOwnPropertyNames()、JSON.stringify()返回,然而
    它也不是私有属性,
    Object.getOwnPropertySymbols() 可以获取指定对象的所有Symbol值
    
    6:Symbol.for(),Symbol.keyFor()
    有时,我们希望重新使用同一个Symbol值
    Symbol.for()接受一个字符串作为参数,然后搜索有没有以该参数作为名称的Symbol值
    如果存在,就返回这个Symbol值,不存在就新建一个以该字符串为名称的Symbol值
    
    Symbol.for() 与Symbol() 属于两种不同创建Symbol的形式
    不忘初心,不负梦想
  • 相关阅读:
    15-07-23 HTML--标签
    15-07-22 数据库--存储过程、触发器
    15-07-19数据库练习题答案
    15-07-17 数据库练习题
    15-07-20 数据库--索引视图编程
    15-07-17 数据库--高级查询
    c#语句
    SQL 触发器
    SQL 存储过程
    SQL 循环语句
  • 原文地址:https://www.cnblogs.com/panrui1994/p/9005853.html
Copyright © 2020-2023  润新知