当前位置:网站首页>ES6新增数据类型-Symbol

ES6新增数据类型-Symbol

2022-08-11 05:17:00 前端小马

ES6 引入了一种新的原始数据类型 Symbol ,表示独一无二的值,最大的用法是用来定义对象的唯一属性名。它是JavaScript中的第种数据类型,与undefined、null、Number(数值)、String(字符串)、Boolean(布尔值)、Object(对象)并列。

语法:

 let a=Symbol()
 console.log(a)//输出Symbol()

let a=Symbol("苹果")//Symbol可以接受一个字符串作为参数,为新创建的 Symbol 提供描述,便于区分
let b=Symbol("苹果")
console.log(a==b)//false

let a=Symbol.for("苹果")//使用Symbol.for()可以创建相同Symbol
let b=Symbol.for("苹果")
console.log(a==b)//true

let a=Symbol("1")
console.log(a+1)//报错,Symbol不能进行运算

每一个 Symbol 的值都是不相等的,所以 Symbol 作为对象的属性名,可以保证属性不重名

方式1 
 
     let person={
        name:"小王",
        age:18,
        say:function(){
         return "我是say"
        }
     }
     let say=Symbol("say")
     person[say]=function(){
        return "我是[say]"
     }
     console.log(person[say]())//我是[say]
     console.log(person.say())//我是say
---------------------------------------------------------------------------
方式2

    let say=Symbol("say")   
    let person={
        name:"小王",
        age:18,
        say:function(){
         return "我是say"
        },
        [say]:function(){
            return "我是[say]"
        }
     }
     console.log(person[say]())//我是[say]
     console.log(person.say())//我是say
---------------------------------------------------------------------------
注意不能这样,这样因为Symbol不是唯一的,所以无法调用[Symbol("say")]
     let person={
        name:"小王",
        age:18,
        say:function(){
         return "我是say"
        },
        [Symbol("say")]:function(){
            return "我是[say]"
        }
     }
     console.log(person[Symbol("say")])//undefined

注意: Symbol 函数不能用 new 命令,因为 Symbol 是原始数据类型

原网站

版权声明
本文为[前端小马]所创,转载请带上原文链接,感谢
https://blog.csdn.net/qq_56088882/article/details/126041120