ES6之Symbol

简介: ES6之Symbol



前言

Symbol


Symbol

ES6引入了一种新的原始数据类型Symbol,表示独一无二的值。是一种类似于字符串的数据类型。

1.特点

  1. Symbol的值是唯一的,用来解决命名冲突的问题
  2. Symbol不能与其他数据进行运算
  3. Symbol定义的对象属性不能使用for…in循环遍历,但是可以使用Reflect.ownKeys来获取对象的所有键名

2.创建

两种创建方法:

  1. Symbol
  2. Symbol.for
    两种方法均可以创建,但是第二种方法可以通过描述字符串得到唯一Symbol值,即创建的字符串相同,则完全相等。
//Symbol创建
        let s1 = Symbol();
        console.log(s1);
        let s2 = Symbol('王五');
        let s3 = Symbol('王五');
        console.log(s2);
        console.log(s2 === s3);
        //Symbol.for创建
        let s4 = Symbol.for('王五');
        let s5 = Symbol.for('王五');
        console.log(s4);
        console.log(s4 === s5);

3.为对象添加Symbl属性

//第一种,可以注意观察一下,这种方法可以解决原对象有该方法的冲突,所以有时候在一个工程项目中为一个对象添加方法,不知道有没有该方法名一样的,可以这样创建
  let game = {
            name: '俄罗斯方块',
            up() {
                console.log("改变");
            },
            down() {
                console.log("下降");
            }
        }
        let methods = {
            up: Symbol(),
            down: Symbol()
        }
        game[methods.up] = function() {
            console.log("变变变");
        }
        game[methods.down] = function() {
            console.log("落落落");
        }
        console.log(game);
  //第二种
        let youxi = {
            name: '狼人杀',
            [Symbol('say')]: function() {
                console.log("我可以发言");
            }
        }
        console.log(youxi);

总结

除了上述的Symbol用法,Symbol还有一些内置属性指向语言内部的使用方法,大家感兴趣的话,可以自己去了解一下,这里不再详细讲解。这里大家可以看一下这位大佬的文章。

Symbol详解

相关文章
|
1月前
|
JavaScript 前端开发
ES6:什么是Symbol?
ES6:什么是Symbol?
27 1
|
1月前
|
JavaScript 前端开发
|
1月前
|
JavaScript 前端开发 开发者
|
1月前
|
存储 JavaScript
ES6+新特性-Symbol与Set/Map数据结构
ES6 引入了三种新的数据结构:Symbol、Set和Map。Symbol是唯一且不可变的值,常用于定义对象的独特属性;Set存储不重复值,适合数组去重;Map则是键值对集合,键可为任意类型,提供了更灵活的存储方式。这些新数据结构提供了更高效的操作手段,分别解决了属性命名冲突、数据去重和复杂键值对存储的问题。示例展示了如何使用Symbol、Set和Map进行基本操作。
|
1月前
|
JavaScript
js开发:请解释什么是ES6的Symbol,以及它的用途。
ES6的Symbol数据类型创建唯一值,常用于对象属性键(防冲突)和私有属性。示例展示了如何创建及使用Symbol:即使描述相同,两个Symbol也不等;作为对象属性如`obj[symbol1] = 'value1'`;也可作枚举值,如`Color.RED = Symbol('red')`。
|
1月前
|
JavaScript 前端开发
ES6之原始数据类型Symbol
ES6 引入了一种新的原始数据类型Symbol,表示独一无二的值。它属于 JavaScript 语言的原生数据类型之一,其他数据类型是:undefined、null、布尔值(Boolean)、字符串(String)、数值(Number)、大整数(BigInt)、对象(Object)。Symbol的作用是创建一个不可变且唯一的标识符,可以用作对象属性的键。它可以用来解决属性名冲突的问题,避免命名冲突。
45 0
|
9月前
ES6: Symbol概念与用法举例
ES6: Symbol概念与用法举例
31 0
|
10月前
|
JavaScript
es6数据类型Symbol以及es6操作数组常用的方法
es6数据类型Symbol以及es6操作数组常用的方法
70 0
|
11月前
Es6 symbol
Es6 symbol
36 0