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)) //输出结果和上面的一样


来自为知笔记(Wiz)

上一篇:日期函数及时钟案例


下一篇:JS给数字加千位分隔符