符合中小企业对网站设计、功能常规化式的企业展示型网站建设
本套餐主要针对企业品牌型网站、中高端设计、前端互动体验...
商城网站建设因基本功能的需求不同费用上面也有很大的差别...
手机微信网站开发、微信官网、微信商城网站...
这篇文章主要介绍“es6新增的数据类型有什么”,在日常操作中,相信很多人在es6新增的数据类型有什么问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”es6新增的数据类型有什么”的疑惑有所帮助!接下来,请跟着小编一起来学习吧!
网站建设、网站设计服务团队是一支充满着热情的团队,执着、敏锐、追求更好,是创新互联的标准与要求,同时竭诚为客户提供服务是我们的理念。创新互联把每个网站当做一个产品来开发,精雕细琢,追求一名工匠心中的细致,我们更用心!
本教程操作环境:windows7系统、ECMAScript 6版、Dell G3电脑。
ES6新增的数据类型
Symbol 类型(基本)
Set 类型(复杂)
Map 类型(复杂)
WeakSet 类型(复杂)
WeakMap 类型(复杂)
TypedArray 类型(复杂)
我们再来看一看 es6
之前有哪些数据类型,
基本类型:
string
null
undefined
number
boolean
复杂类型:
object
由于新出的类型在平常工作中基本用不到,所以具体介绍还是直接看 MDN
的专业解释把,下面给大家讲解一些面试经常遇到的问题....
Answer:用 Symbol
作为对象的 key
即可
{ // 私有作用域 let a = Symbol() window.oo = { name: '对象', age: 18, [a]: '这是一个私有属性' } console.log(oo[a]) // 这是一个私有属性 } // 不能再作用域外打印...
此时对象 oo
就有一个私有属性,该属性在作用域外就无法正确打印。
Answer:用 Set
加 Array.form()
这是一道很经典的面试题,在此之前先讲讲 es6
之前的去重方法:
let array = [1, 2, 3, 4, 4, 5, 5, 6] ~function uniq() { let result = [] let hash = {} for (let i=0; i但是该方法有巨大的弊端,去重数组中不能有对象,而且该方法返回的结果中都是字符串,所以无法对这样的数组进行去重。
当我们使用
Set
时let a = {a: 11} let array = [0, 1, '1', '22', 22, a, a, 66] ~function uniq() { return Array.from(new Set(array)) // 装比写法 [... new Set(array)] }()甚至连对象的引用也能去重,很简略的方法。
Q3:Map有啥用?
Answer:
map
更像是对象的拓展,他的key
可以是任意类型,不再像之前的对象key
只能是字符串,也就是这个特性,我们可以去优化之前的去重,但是也没有必要,因为已经有set
了。举个栗子
let myMap = new Map() let keyObj = {} let keyFunc = function () {} let keyString = "a string" // 添加键 myMap.set(keyString, "和键'a string'关联的值"); myMap.set(keyObj, "和键keyObj关联的值"); myMap.set(keyFunc, "和键keyFunc关联的值");Q4:WeakMap 和 Map 的区别?
Answer:
WeakMap
区别就是对key
的引用是弱引用
WeakMap
的key
只能是对象需要了解的就是弱引用是啥了:
文章:ES2015 WeakMap的学习和使用Q5:WeakSet 和 Set 的区别?
Answer:同上
Q6:TypedArray 有什么用?
Answer:这个类型用的途径更少了,主要用于二进制文件(音频,文件,视频,图片...)的处理,一般用不到,除非你自己开发轮子。
到此,关于“es6新增的数据类型有什么”的学习就结束了,希望能够解决大家的疑惑。理论与实践的搭配能更好的帮助大家学习,快去试试吧!若想继续学习更多相关知识,请继续关注创新互联网站,小编会继续努力为大家带来更多实用的文章!
网站标题:es6新增的数据类型有什么
本文来源:http://bjjierui.cn/article/gdcpho.html