ES6 之 symbol

11 篇文章 0 订阅

1. symbol 使用

基本数据类型有6种:Undefined、Null、布尔值(Boolean)、字符串(String)、数值(Number)、对象(Object) ES6新增了一种数据类型 symbol
symbol 使用时候不能 new ; 直接 symbol() ;例如:symbol(‘abc’)

	let os = Symbol('abc')
    console.log(typeof os) //打印结果是 symbol
    console.log(typeof os) //打印结果是 Symbol(abc) ;一种数据结构

2. symbol 对象

  • symbol 传一个对象的时候:
 	let os = Symbol({
        // name : 'tzh'
    })
    console.log(os) // 打印结果是 Symbol([object Object])

设置对象时候需要有一个 toString 方法,没有就会沿着原型的链的顶端 Object.prototype 去寻找 Object.prototype 上面的 toString 方法调用它

  • 重写 toString 方法:
let os = Symbol({
        name : 'tzh',
        toString:function(){
            return 'nihao'
        }
    })
    console.log(os) //打印结果是 Symbol(nihao)

3. symbol 的唯一性

let os = Symbol('abc')
let os2 = Symbol('abc')
console.log( os == os2 )  // false

4. symbol 常用场景

let name = 'nihao'

    let obj = {
        [name]:'tzh'
    }
    console.log(obj) // 打印结果如下图

在这里插入图片描述

  • 使用 Symbol 作为变量名
 let os = Symbol('abc')
    let obj = {
        [os]:'tzh'
    }
    console.log(obj) //打印结果如下图

在这里插入图片描述

取值形式: obj[os] ; 不能通过对象点的形式取值

  • 唯一性:
	let os = Symbol('abc')
    let os2 = Symbol('abc')
   
    let obj = {
        [os]:'tzh',
        [os2]:'tzh'
    }
    console.log(obj) //打印结果如下图

在这里插入图片描述

5. symbol 静态属性

  • Symbol.iterator
console.log(Symbol.iterator) //  打印结果是 Symbol(Symbol.iterator)

Symbol.iterator 相当于 Symbol(‘Symbol.iterator’) 这种形式;只是进行了封装方便调用

一个对象原型链上面有 Symbol(Symbol.iterator)这个属性 那么就能被迭代
在这里插入图片描述

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值