摘要:問中新增的數據類型有哪些使用場景中新增一種原始數據類型最大的特點是唯一性,值通過函數生成在中對象的屬性都是字符串,我們使用他人定義的對象,然后去新增自己的屬性,這樣容易起沖突覆蓋原有的屬性也可以看成為一個字符串,不過這個字符能保證是獨一無二
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[title] = "JS每日一題" // 二 const obj = { [title]: "JS每日一題" } // 三 Object.defineProperty(obj, title, { value: "JS每日一題"}) obj[title] // 輸出的結果都為JS每日一題 這里注意一下,Symbol 做為屬性名時,不能用點去讀取 obj.title // undefined
Symbol作為屬性名,只有通過Object.getOwnPropertySymbols 方法返回
const attrs = Object.getOwnPropertySymbols(obj) // [Symbol[title]]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點推送當天的參考答案
注 絕不僅限于完成當天任務,更多是查漏補缺,學習群內其它同學優秀的答題思路
點擊加入答題
文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。
轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/53639.html
摘要:問中新增的數據類型有哪些使用場景中新增一種原始數據類型最大的特點是唯一性,值通過函數生成在中對象的屬性都是字符串,我們使用他人定義的對象,然后去新增自己的屬性,這樣容易起沖突覆蓋原有的屬性也可以看成為一個字符串,不過這個字符能保證是獨一無二 20190125問: Es6中新增的數據類型有哪些?使用場景? es6中新增一種原始數據類型Symbol,最大的特點是唯一性,Symbol值通過S...
20190124問: 如何理解es6中的Proxy? 試題解析:對proxy的理解,可能會延伸到vue的雙向綁定 Proxy(代理) 定義 可以理解為為目標對象架設一層攔截,外界對該對象的訪問,都必須通過這層攔截 簡單示例: const obj = new Proxy({}, { get: (target, key, receiver) => { return JS ...
閱讀 2597·2021-10-14 09:43
閱讀 3559·2021-10-13 09:39
閱讀 3289·2019-08-30 15:44
閱讀 3137·2019-08-29 16:37
閱讀 3702·2019-08-29 13:17
閱讀 2731·2019-08-26 13:57
閱讀 1825·2019-08-26 11:59
閱讀 1238·2019-08-26 11:46