es6内容总结(二)Symbol

本文深入介绍了ES6中的Symbol数据类型,包括其唯一性、不可运算性以及在对象属性定义中的应用。通过示例展示了如何创建和使用Symbol,以及Symbol在避免命名冲突和保护对象属性不被遍历中的作用。同时,文章提及了Symbol的内置值,强调了它们在特定场景下的重要性。
摘要由CSDN通过智能技术生成

ES6 内容总结

  1. Symbol基本使用
  2. 使用场景
  3. 内置值
1.Symbol基本使用

——————————————————

插入一个小知识点:七种数据类型

记忆方式:USONB

U:undefined

S:string 、Symbol

O:object

N:null 、 number

B:boolear

——————————————————

ES6引入的第七种数据类型-Symbol,表示独一无二的值。类似于字符串的数据类型

Symbol 特点

  1. Symbol 的值是唯一的,用来解决命名冲突的问题
  2. Symbol 的值不能与其他数据进行运算
  3. Symbol 定义的对象属性不能使用 for…in 循环遍历,但是可以使用Reflect.ownKeys 来获取对象的所有键名
//第一种创建方式
let s = Symbol();
let s2 = Symbol('尚硅谷');//尚硅谷算是一种注释
let s3 = Symbol('尚硅谷');
console.log(s2 === s3);//false

//第二种创建方式 Symbol.for
let s4 = Symbol.for('尚硅谷');
let s5 = Symbol.for('尚硅谷');
console.log(s4, typeof s4);//Symbol(尚硅谷) "symbol"
console.log(s4 === s5);//true
2.Symbol使用场景
  1. 向对象添加属性和方法

    //第一种方式
    let game = {
      up: function () {
        console.log(aa);
      },
      down: function () {
        console.log(bb);
      }
    }
    let method = {
      up: Symbol(),
      down: Symbol()
    }
    game[method.up] = function () {
      console.log(up);
    }
    game[method.down] = function () {
      console.log(down);
    }
    console.log(game);
    
    
    //第二种方式
    let youxi = {
      name: 'lagn',
      [Symbol('say')]: function () {
        console.log('say');
      },
      [Symbol('zibaos')]: function () {
        console.log('zibao');
      }
    }
    
    
3.Symbol内置值

在这里插入图片描述

在这里插入图片描述

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值