es6新增的數(shù)據(jù)類型有什么

這篇文章主要介紹“es6新增的數(shù)據(jù)類型有什么”，在日常操作中，相信很多人在es6新增的數(shù)據(jù)類型有什么問(wèn)題上存在疑惑，小編查閱了各式資料，整理出簡(jiǎn)單好用的操作方法，希望對(duì)大家解答”es6新增的數(shù)據(jù)類型有什么”的疑惑有所幫助！接下來(lái)，請(qǐng)跟著小編一起來(lái)學(xué)習(xí)吧！

網(wǎng)站建設(shè)、網(wǎng)站設(shè)計(jì)服務(wù)團(tuán)隊(duì)是一支充滿著熱情的團(tuán)隊(duì)，執(zhí)著、敏銳、追求更好，是創(chuàng)新互聯(lián)的標(biāo)準(zhǔn)與要求，同時(shí)竭誠(chéng)為客戶提供服務(wù)是我們的理念。創(chuàng)新互聯(lián)把每個(gè)網(wǎng)站當(dāng)做一個(gè)產(chǎn)品來(lái)開(kāi)發(fā)，精雕細(xì)琢，追求一名工匠心中的細(xì)致，我們更用心！

本教程操作環(huán)境：windows7系統(tǒng)、ECMAScript 6版、Dell G3電腦。

ES6新增的數(shù)據(jù)類型

• Symbol 類型（基本）

• Set 類型（復(fù)雜）

• Map 類型（復(fù)雜）

• WeakSet 類型（復(fù)雜）

• WeakMap 類型（復(fù)雜）

• TypedArray 類型（復(fù)雜）

我們?cè)賮?lái)看一看 es6 之前有哪些數(shù)據(jù)類型，

• 基本類型：

• string

• null

• undefined

• number

• boolean

• 復(fù)雜類型：

• object

由于新出的類型在平常工作中基本用不到，所以具體介紹還是直接看 MDN 的專業(yè)解釋把，下面給大家講解一些面試經(jīng)常遇到的問(wèn)題....

Q1：怎么讓一個(gè)對(duì)象具有一個(gè)私有屬性？（Symbol有什么用？）

Answer：用 Symbol 作為對(duì)象的 key 即可

{ // 私有作用域
  let a = Symbol()
  window.oo = {
    name: '對(duì)象',
    age: 18,
    [a]: '這是一個(gè)私有屬性'
  }
  console.log(oo[a]) // 這是一個(gè)私有屬性
}
// 不能再作用域外打印...

此時(shí)對(duì)象 oo 就有一個(gè)私有屬性，該屬性在作用域外就無(wú)法正確打印。

Q2：怎么快速去重一個(gè)數(shù)組？

Answer：用 Set 加 Array.form()
這是一道很經(jīng)典的面試題，在此之前先講講 es6 之前的去重方法：

let array = [1, 2, 3, 4, 4, 5, 5, 6]
~function uniq() {
  let result = []
  let hash = {}
  for (let i=0; i<array.length; i++) {
    hash[array[i]] = true
  }
  for (let key in hash) {
    result.push(key)
  }
  console.log(result)
  return result
}()

但是該方法有巨大的弊端，去重?cái)?shù)組中不能有對(duì)象，而且該方法返回的結(jié)果中都是字符串，所以無(wú)法對(duì)這樣的數(shù)組進(jìn)行去重。

當(dāng)我們使用 Set 時(shí)

let a = {a: 11}
let array = [0, 1, '1', '22', 22, a, a, 66]
~function uniq() {
  return Array.from(new Set(array)) // 裝比寫(xiě)法 [... new Set(array)]
}()

甚至連對(duì)象的引用也能去重，很簡(jiǎn)略的方法。

Q3：Map有啥用？

Answer：map 更像是對(duì)象的拓展，他的 key 可以是任意類型，不再像之前的對(duì)象 key 只能是字符串，也就是這個(gè)特性，我們可以去優(yōu)化之前的去重，但是也沒(méi)有必要，因?yàn)橐呀?jīng)有 set 了。

舉個(gè)栗子

let myMap = new Map()
 
let keyObj = {}
let keyFunc = function () {}
let keyString = "a string"
 
// 添加鍵
myMap.set(keyString, "和鍵'a string'關(guān)聯(lián)的值");
myMap.set(keyObj, "和鍵keyObj關(guān)聯(lián)的值");
myMap.set(keyFunc, "和鍵keyFunc關(guān)聯(lián)的值");

Q4：WeakMap 和 Map 的區(qū)別？

Answer：

• WeakMap 區(qū)別就是對(duì) key 的引用是弱引用

• WeakMap 的 key 只能是對(duì)象

需要了解的就是弱引用是啥了：
文章：ES2015 WeakMap的學(xué)習(xí)和使用

Q5：WeakSet 和 Set 的區(qū)別？

Answer：同上

Q6：TypedArray 有什么用？

Answer：這個(gè)類型用的途徑更少了，主要用于二進(jìn)制文件（音頻，文件，視頻，圖片...）的處理，一般用不到，除非你自己開(kāi)發(fā)輪子。

到此，關(guān)于“es6新增的數(shù)據(jù)類型有什么”的學(xué)習(xí)就結(jié)束了，希望能夠解決大家的疑惑。理論與實(shí)踐的搭配能更好的幫助大家學(xué)習(xí)，快去試試吧！若想繼續(xù)學(xué)習(xí)更多相關(guān)知識(shí)，請(qǐng)繼續(xù)關(guān)注創(chuàng)新互聯(lián)網(wǎng)站，小編會(huì)繼續(xù)努力為大家?guī)?lái)更多實(shí)用的文章！

當(dāng)前題目：es6新增的數(shù)據(jù)類型有什么
本文路徑：http://muchs.cn/article40/gdcpho.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站內(nèi)鏈、網(wǎng)站設(shè)計(jì)、企業(yè)建站、定制開(kāi)發(fā)、自適應(yīng)網(wǎng)站、面包屑導(dǎo)航

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)