当前位置 博文首页 > 文章内容

    ES6 新属性 Symbol

    作者: 栏目:未分类 时间:2020-09-11 17:02:35

    本站于2023年9月4日。收到“大连君*****咨询有限公司”通知
    说我们IIS7站长博客,有一篇博文用了他们的图片。
    要求我们给他们一张图片6000元。要不然法院告我们

    为避免不必要的麻烦,IIS7站长博客,全站内容图片下架、并积极应诉
    博文内容全部不再显示,请需要相关资讯的站长朋友到必应搜索。谢谢!

    另祝:版权碰瓷诈骗团伙,早日弃暗投明。

    相关新闻:借版权之名、行诈骗之实,周某因犯诈骗罪被判处有期徒刑十一年六个月

    叹!百花齐放的时代,渐行渐远!



     

     

    Symbol: 

      ES6 新增的一个基本类型,一个symbol的值可以通过 Symbol函数来获得

    var sym= Symbol()
    /* 
        Symbol的参数其实没有什么意义,只是给我们一个标示。例如:
        {Symbol('name'): 'Jack'}  看作 {name: 'Jack'}
        便于理解 变量的意思
    */
    var s= Symbol('name') 

     

      那么开发中有什么用处?  下面介绍一种

    class Person {
        constructor(name, gender) {
            this.name = name
            this.gender= gender
        }
    }
    // 现实中一个人的性别,出生之后就不会再改变,而这个类就做不到这一点
    var man= new Person('jack','男')
    
    man.gender= '女' // 这个男的 变性了

      那么使用Symbol 后

    class Person {
        constructor(name, gender) {
            this.name = name
            var key = Symbol('gender')
            this[key] = gender
            Person.prototype.say = function () {
                console.log(this[key])
            }
        }
    }
    var man= new Person('jack','男') // Person { name: 'jack', [Symbol(gender)]: '男' }
    
    man[Symbol('gender')]='女'  // 报错
     
    // 这样这个类里面既有性别属性 ,也不能被改变,私有变量得到了保护
    man.say() //

    如果还有什么应用场景 ,欢迎评论 讨论