• ES6 Symbol


    let s = Symbol()
    console.log(typeof s)
    
    // 带参数,表示对Symbol实例的描述
    let s1 = Symbol('foo')
    let s2 = Symbol('bar')
    console.log(s1 , s1.toString())
    console.log(s2, s2.toString())
    
    //当参数是一个对象时,会调用该对象的toString方法,
    const obj = {
        toString(){
            return 'abc';
        }
    };
    const sym = Symbol(obj);
    console.log(sym)    // Symbol(abc)
    console.log(sym.description)  // abc
    
    // symbol作为属性名来使用
    let mySymbol = Symbol();
    
    // 第一种写法
    let a = {};
    a[mySymbol] = "hello! a";
    
    // 第二种写法
    let b = {
        [mySymbol]: 'hello,B!'
    }
    
    //第三种
    let c = {};
    Object.defineProperty(c, mySymbol, {value: 'hello!! C'});
    
    console.log(a[mySymbol])    // hello! a
    console.log(b[mySymbol])    // hello,B!
    console.log(c[mySymbol])    // hello!! C
    
    // symbol作为属性名时,不能使用点运算符
    const d = {};
    d.mySymbol = "Hello! d"; // 当使用点运算符时,点后面总是字符串,mySymbol作为一个字符串来使用,而不是一个Symbol值.
    console.log(d[mySymbol])  // 输出undefined
    console.log(d['mySymbol'])  // 输出 字符串Hello! d
    
    //在对象内部使用时,定义属性时,必须放在方括号之中
    let o ={
        [s] :function (arg) {
            return s.toString() +'必须放在方括号中,参数为:' + arg  // Symbol()必须放在方括号中,参数为:123
        }
    };
    console.log(o[s](123))
    //上面例子更简洁的写法
    const OBJ= {
        [s](arg){
            return s.toString() +'必须放在方括号中,参数为:' + arg
        }
    }
    console.log(OBJ[s](123)) //输出结果和上面的一样




  • 相关阅读:
    Java三大特殊类
    静态顺序表and动态顺序表(一)_插入操作
    模拟实现memcpy、memmove函数
    模拟实现strcpy函数
    模拟实现Strlen函数
    数组相关知识总结(一)
    C语言学习总结(二)__操作符
    受控组件 & 非受控组件
    SyntheticEvent
    ReactDOM & DOM Elements
  • 原文地址:https://www.cnblogs.com/baiyifengyun/p/15092005.html
Copyright © 2020-2023  润新知