JS逐日一题:Es6中新增的数据类型有哪些？运用场景？

2024年5月23日 168次阅读 来源: febobo

20190125问:

Es6中新增的数据类型有哪些？运用场景？

es6中新增一种原始数据类型Symbol,最大的特性是唯一性，Symbol值经由过程Symbol函数天生, 在es5中对象的属性都是字符串，我们运用别人定义的对象，然后去新增本身的属性，如许轻易起争执掩盖原有的属性, Symbol也能够看成为一个字符串，不过这个字符能保证是举世无双的

基础示例:

// Object

const obj = {
    name: 'JS'
}

obj.name = 'JS逐日一题' 

// Symbol

const name = Symbol('name') // 这里的参数没有特别意义，能够看成为Symbol加了一个标记

obj[name] = 'JS逐日一题'

Symbol用法

Symbol 现在有多种写法

// 一
const title = Symbol()

const obj = {}
obj
 = 'JS逐日一题'

// 二
const obj = {
    
: 'JS逐日一题'
}

// 三
Object.defineProperty(obj, title, { value: 'JS逐日一题'})


obj
 // 输出的效果都为JS逐日一题

这里注重一下，Symbol 做为属性名时，不能用点去读取

obj.title // undefined

Symbol作为属性名，只要经由过程Object.getOwnPropertySymbols 要领返回

const attrs = Object.getOwnPropertySymbols(obj)

// [Symbol
]

Symbol.for()

假如我们想要反复Symbol能够运用Symbol.for， Smybol.for()及Smybol()的区分在于Symbol.for()会先去查找全局下有没有声明过，假如有就返回该值，没有就新建一个，Symbol()每一次挪用都邑新建一个

代码明白:

const title = Symbol.for('JS逐日一题') 

....Symbol.for('JS逐日一题') //挪用屡次都是运用的第一次声明的值

Symbol.for('JS逐日一题')  === Symbol.for('JS逐日一题')  // true

const title = Symbol('JS逐日一题')

Symbol('JS逐日一题') === Symbol('JS逐日一题') // false

总结

Symbol的特性

  • 举世无双
  • 不能隐式转换
  • 不能与别的数据类型做运算
  • 不能运用点运算符举行操纵

ps: 本日答题的小伙伴屡次都提到了map,set，，补充一下，新增的数据类型只要Symbol一种，map,set是新增的数据结构 ~_~

关于JS逐日一题

JS逐日一题能够看成是一个语音答题社区
天天应用碎片时候采纳60秒内的语音情势来完成当天的考题
群主在越日0点推送当天的参考答案

  • 注 毫不仅限于完成当天使命，更多是查漏补缺，进修群内别的同砚优异的答题思绪

点击到场答题

    原文作者：febobo
    原文地址: https://segmentfault.com/a/1190000018033214
    本文转自网络文章，转载此文章仅为分享知识，如有侵权，请联系博主进行删除。
点赞