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

时间 2019-12-04

原文原文链接

20190125问:

Es6中新增的数据类型有哪些？使用场景？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[title] = 'JS每日一题'

// 二
const obj = {
    [title]: 'JS每日一题'
}

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


obj[title] // 输出的结果都为JS每日一题

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

obj.title // undefined

Symbol做为属性名，只有经过Object.getOwnPropertySymbols 方法返回es5

const attrs = Object.getOwnPropertySymbols(obj)

// [Symbol[title]]

Symbol.for()

若是咱们想要重复Symbol可使用Symbol.for， Smybol.for()及Smybol()的区别在于Symbol.for()会先去查找全局下有没有声明过，若是有就返回该值，没有就新建一个，Symbol()每一次调用都会新建一个code

代码理解:cdn

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点推送当天的参考答案get

注毫不仅限于完成当天任务，更可能是查漏补缺，学习群内其它同窗优秀的答题思路

点击加入答题