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详解

相关文章
|
7月前
|
JavaScript 前端开发
ES6:什么是Symbol?
ES6:什么是Symbol?
90 1
|
7月前
|
JavaScript 前端开发
|
1月前
|
设计模式 JavaScript 前端开发
es6加上symbol的基础数据类型
【10月更文挑战第30天】ES6 中的 `Symbol` 作为一种新的基础数据类型,为 JavaScript 提供了一种创建唯一标识符和处理对象属性名冲突的有效方式,丰富了 JavaScript 的数据类型体系和编程模式,在实际开发中具有重要的应用价值。
|
1月前
|
设计模式 JavaScript 前端开发
es6加上symbol的基础数据类型
【10月更文挑战第22天】ES6中的 `Symbol` 作为一种新的基础数据类型,为JavaScript提供了一种创建唯一标识符和处理对象属性名冲突的有效方式,丰富了JavaScript的数据类型体系和编程模式,在实际开发中具有重要的应用价值。
|
5月前
|
存储 JavaScript 前端开发
JavaScript编码之路【ES6新特性之 Symbol 、Set 、Map、迭代器、生成器】(二)
JavaScript编码之路【ES6新特性之 Symbol 、Set 、Map、迭代器、生成器】(二)
60 1
|
5月前
|
存储 JavaScript 前端开发
JavaScript编码之路【ES6新特性之 Symbol 、Set 、Map、迭代器、生成器】(一)
JavaScript编码之路【ES6新特性之 Symbol 、Set 、Map、迭代器、生成器】(一)
44 0
|
7月前
|
存储 JavaScript
ES6+新特性-Symbol与Set/Map数据结构
ES6 引入了三种新的数据结构:Symbol、Set和Map。Symbol是唯一且不可变的值,常用于定义对象的独特属性;Set存储不重复值,适合数组去重;Map则是键值对集合,键可为任意类型,提供了更灵活的存储方式。这些新数据结构提供了更高效的操作手段,分别解决了属性命名冲突、数据去重和复杂键值对存储的问题。示例展示了如何使用Symbol、Set和Map进行基本操作。
|
7月前
|
JavaScript
js开发:请解释什么是ES6的Symbol,以及它的用途。
ES6的Symbol数据类型创建唯一值,常用于对象属性键(防冲突)和私有属性。示例展示了如何创建及使用Symbol:即使描述相同,两个Symbol也不等;作为对象属性如`obj[symbol1] = 'value1'`;也可作枚举值,如`Color.RED = Symbol('red')`。
59 4
|
7月前
|
JavaScript 前端开发 开发者