国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

Symbol 類型

NotFound / 719人閱讀

摘要:為此,存在一個全局注冊表。該調(diào)用會檢查全局注冊表,如果有一個描述為的,則返回該,否則將創(chuàng)建一個新,并通過給定的將其存儲在注冊表中。例如從全局注冊表中讀取如果該不存在,則創(chuàng)建它再次讀取相同的注冊表內(nèi)的稱為全局。

Symbol 類型

根據(jù)規(guī)范,對象的屬性鍵只能是 String 類型或者 Symbol 類型。不是 Number,也不是 Boolean,只有 String 或 Symbol 這兩種類型。

到目前為止,我們只見過 String。現(xiàn)在我們來看看 Symbol 能給我們帶來什么好處。

Symbol

"Symbol" 值表示唯一的標識符。

可以使用 Symbol() 來創(chuàng)建這種類型的值:

// id 是 symbol 的一個實例化對象
let id = Symbol();

我們可以給 Symbol 一個描述(也稱為 Symbol 名),這對于調(diào)試非常有用:

// id 是描述為 "id" 的 Symbol
let id = Symbol("id");

Symbol 保證是唯一的。即使我們創(chuàng)建了許多具有相同描述的 Symbol,它們的值也是不同。描述只是一個不影響任何東西的標簽。

例如,這里有兩個描述相同的 Symbol —— 它們不相等:

let id1 = Symbol("id");
let id2 = Symbol("id");

*!*
alert(id1 == id2); // false
*/!*

如果您熟悉 Ruby 或者其他有 "Symbol" 的語言 —— 別被誤導(dǎo)。JavaScript 的 Symbol 與眾不同。

JavaScript 中的大多數(shù)值都支持 string 的隱式轉(zhuǎn)換。例如,我們可以 `alert` 任何值,這會起作用。Symbol 是特別的,它無法自動轉(zhuǎn)換。

例如,這個 `alert` 將會顯示錯誤:

let id = Symbol("id");
!
alert(id); // 類型錯誤:無法將 Symbol 值轉(zhuǎn)換為 String。
/!

如果我們真的想顯示一個 Symbol,我們需要在它上面調(diào)用 `.toString()`,如下所示:

let id = Symbol("id");
!
alert(id.toString()); // Symbol(id),現(xiàn)在它起作用了
/!

這是一種防止混亂的“語言保護”,因為 String 和 Symbol 有本質(zhì)上的不同,而且不應(yīng)該偶爾將它們相互轉(zhuǎn)化。
“隱藏”屬性

Symbol 允許我們創(chuàng)建對象的“隱藏”屬性,代碼的任何其他部分都不能偶爾訪問或重寫這些屬性。

例如,如果我們想存儲 object user 的“標識符”,我們可以使用 Symbol 作為它的鍵:

let user = { name: "John" };
let id = Symbol("id");

user[id] = "ID Value";
alert( user[id] ); // 我們可以使用 Symbol 作為鍵來訪問數(shù)據(jù)。

在 string "id" 上使用 Symbol("id") 有什么好處?

我們用更深入一點的示例來說明這一點。

假設(shè)另一個腳本希望 user 中有它自己的 "id" 屬性可以操作。這可能是另一個 JavaScript 庫,所以這些腳本完全不知道對方是誰。

然后該腳本可以創(chuàng)建自己的 Symbol("id"),如下所示:

// ...
let id = Symbol("id");

user[id] = "Their id value";

不會沖突,因為 Symbol 總是不同的,即使它們有相同的名稱。

現(xiàn)在請注意,如果我們使用 String "id" 而不是用 symbol,那么就會出現(xiàn)沖突:

let user = { name: "John" };

//我們的腳本使用 "id" 屬性。
user.id = "ID Value";

// ...如果之后另一個腳本為其目的使用 "id"...

user.id = "Their id value"
// 砰!無意中重寫了 id!他不是故意傷害同事的,而是這樣做了!
字面量中的 Symbol

如果我們要在 object 字面量中使用 Symbol,則需要方括號。

就像這樣:

let id = Symbol("id");

let user = {
  name: "John",
*!*
  [id]: 123 // 不僅僅是 "id:123"
*/!*
};

這是因為我們需要變量 id 的值作為鍵,而不是 String "id"。

Symbol 在 for..in 中被跳過

Symbolic 屬性不參與 for..in 循環(huán)。

例如:

let id = Symbol("id");
let user = {
  name: "John",
  age: 30,
  [id]: 123
};

*!*
for (let key in user) alert(key); // name, age (no symbols)
*/!*

// 被 Symbol 任務(wù)直接訪問
alert( "Direct: " + user[id] );

這是一般“隱藏”概念的一部分。如果另一個腳本或庫在我們的對象上循環(huán),它不會訪問一個 Symbol 類型的屬性。

相反,Object.assign 同時復(fù)制字符串和符號屬性:

let id = Symbol("id");
let user = {
  [id]: 123
};

let clone = Object.assign({}, user);

alert( clone[id] ); // 123

這里并不矛盾,就是這樣設(shè)計的。我們的想法是當我們克隆一個 object 或合并 object 時,通常希望所有屬性被復(fù)制(包括像 id 這樣的 Symbol)。

我們只能在對象中使用 string 或 symbol 作為鍵,其它類型轉(zhuǎn)換為 String。

例如,在作為屬性鍵使用時,數(shù)字 `0`變成了字符串 `"0"`:

let obj = {
0: "test" // same as "0": "test"
};

//兩個 alert 都訪問相同的屬性(Number 0 被轉(zhuǎn)換為 String "0")
alert( obj["0"] ); // test
alert( obj[0] ); // test (相同屬性)

全局 symbol

正如我們所看到的,通常所有的 Symbol 都是不同的,即使它們有相同的名字。但有時我們想要同一個名字的 Symbol 是相同的實體。

比如,我們希望在應(yīng)用程序的不同部分訪問相同的 Symbol "id" 屬性。

為此,存在一個全局 symbol 注冊表。我們可以在其中創(chuàng)建 Symbol 并在稍后訪問它們,它可以確保每次訪問相同名稱都會返回相同的 Symbol。

為了在注冊表中創(chuàng)建或讀取 Symbol,請使用 Symbol.for(key)

該調(diào)用會檢查全局注冊表,如果有一個描述為 key 的 Symbol,則返回該 Symbol,否則將創(chuàng)建一個新 Symbol(Symbol(key)),并通過給定的 key 將其存儲在注冊表中。

例如:

// 從全局注冊表中讀取
let id = Symbol.for("id"); // 如果該 Symbol 不存在,則創(chuàng)建它

// 再次讀取
let idAgain = Symbol.for("id");

// 相同的 Symbol
alert( id === idAgain ); // true

注冊表內(nèi)的 Symbol 稱為全局 Symbol。如果我們想要一個應(yīng)用程序范圍內(nèi)的 Symbol,可以在代碼中隨處訪問 —— 這就是它們的用途。

在一些編程語言中,例如 Ruby,每個名稱都有一個 symbol。

在 JavaScript 中,我們應(yīng)該用全局 symbol。
Symbol.keyFor

對于全局 symbol,Symbol.for(key) 不僅按名稱返回一個 symbol,而且還有一個反向調(diào)用:Symbol.keyFor(sym),反過來:通過全局 symbol 返回一個名稱。

例如:

let sym = Symbol.for("name");
let sym2 = Symbol.for("id");

// 從 symbol 中獲取 name
alert( Symbol.keyFor(sym) ); // name
alert( Symbol.keyFor(sym2) ); // id

Symbol.keyFor 在內(nèi)部使用全局 symbol 注冊表來查找 symbol 的鍵。所以它不適用于非全局 symbol。如果 symbol 不是全局的,它將無法找到它并返回 undefined

例如:

alert( Symbol.keyFor(Symbol.for("name")) ); // name, 全局 Symbol

alert( Symbol.keyFor(Symbol("name2")) ); // undefined, 參數(shù)不是一個全局 Symbol
系統(tǒng) Symbol

JavaScript 內(nèi)部存在很多“系統(tǒng)” Symbol,我們可以使用它們來微調(diào)對象的各個方面。

它們列在熟悉的 Symbol 表的規(guī)范中:

Symbol.hasInstance

Symbol.isConcatSpreadable

Symbol.iterator

Symbol.toPrimitive

...等等。

例如,Symbol.toPrimitive 允許我們將對象描述為原始值轉(zhuǎn)換,我們很快就會看到它的使用。

當我們研究相應(yīng)的語言特征時,其他 Symbol 也會變得熟悉起來。

總結(jié)

Symbol 是唯一標識符的基本類型

Symbol 使用 Symbol() 創(chuàng)建的,調(diào)用帶有一個可選的描述。

Symbol 總是不同的值,即使它們有相同的名稱。如果我們希望同名 Symbol 相等,那么我們應(yīng)該使用全局注冊表:Symbol.for(key) 返回(如果需要的話創(chuàng)建)一個以 key 作為名稱的全局 Symbol。Symbol.for 的多次調(diào)用完全返回相同的 Symbol。

Symbol 有兩個主要的使用場景:

“隱藏” 對象屬性。如果需要將屬性添加到 “屬于” 另一個腳本或庫的對象中,則可以創(chuàng)建 Symbol 并將其用作屬性鍵。Symbol 屬性不出現(xiàn)在 for..in中,因此不會無心列出。另外,它不會被直接訪問,因為另一個腳本沒有我們的符號,所以它不會不小心干預(yù)它的操作。

因此我們可以使用 Symbol 屬性“秘密地”將一些東西隱藏到我們需要的對象中,但其他人不會以對象屬性的形式看到它。

JavaScript 使用了許多系統(tǒng) Symbol,這些 Symbol 可以作為 Symbol.* 訪問。我們可以使用它們來改變一些內(nèi)置行為。例如,在本教程的后面部分,我們將使用 Symbol.iterator 來迭代,Symbol.toPrimitive 來設(shè)置對象原始值的轉(zhuǎn)換等等。

從技術(shù)上說,Symbol 不是 100% 隱藏的。有一個內(nèi)置方法 Object.getOwnPropertySymbols(obj) 允許我們獲取所有的 Symbol。還有一個名為 Reflect.ownKeys(obj) 返回所有鍵,包括 Symbol。所以它們不是真正的隱藏。但是大多數(shù)庫、內(nèi)置方法和語法結(jié)構(gòu)都遵循一個共同的協(xié)議。而明確調(diào)用上述方法的人可能很清楚他在做什么。

文章版權(quán)歸作者所有,未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址:http://specialneedsforspecialkids.com/yun/109372.html

相關(guān)文章

  • 通俗易懂理解ES6 - ES6的變量類型及Iterator

    摘要:迭代器在原有的數(shù)據(jù)結(jié)構(gòu)類型上新增了兩種類型,我們在使用的時候還可以通過自由組合的形式使用這些結(jié)構(gòu)類型達到自己想要的數(shù)據(jù)結(jié)構(gòu),這就需要一種統(tǒng)一的接口機制供我們調(diào)用處理不同的數(shù)據(jù)結(jié)構(gòu)。 引言 萬丈高樓平地起,欲練此功,必先打好基本功: ) 在了解 ES6 新增的變量類型前,我們必須先知道 JavaScript 在ES6之前,有如下六種基本數(shù)據(jù)類型:Null、Undefined、Number...

    Keven 評論0 收藏0
  • ES6 Symbol - 基本使用方法

    摘要:但是,前來提到的個方法都不支持屬性,為了保持原有的功能,新增了一個方法來檢索類型的屬性接下來看一下式例以上,就是關(guān)于的基本使用方法。 ES6新增了一個基本數(shù)據(jù)類型:Symbol,至此ECMAScript的基本數(shù)據(jù)類型就有了6種:字符串,數(shù)字,布爾,null,undefined,Symbol。關(guān)于Symbol,我打算寫2篇文章來提取一下比較重要的知識點,這篇是第一篇,主要講Symbol的...

    paney129 評論0 收藏0
  • ES6學(xué)習(xí)筆記之Symbol

    摘要:前端技術(shù)日新月異,不斷有新技術(shù)出現(xiàn),我們就需要不斷地學(xué)習(xí)新知識,雖然已經(jīng)提出很久了,但是最近我才有時間靜下心來好好學(xué)習(xí)一下里面提出的新規(guī)則。 前端技術(shù)日新月異,不斷有新技術(shù)出現(xiàn),我們就需要不斷地學(xué)習(xí)新知識,雖然ES6已經(jīng)提出很久了,但是最近我才有時間靜下心來好好學(xué)習(xí)一下里面提出的新規(guī)則。今天總結(jié)下ES6提出的這個新的原始數(shù)據(jù)類型--Symbol。 為啥需要Symbol 一個新規(guī)則的提出...

    leo108 評論0 收藏0
  • 《深入理解ES6》筆記——SymbolSymbol屬性(6)

    摘要:設(shè)置對象屬性只讀。提供了一個注冊機制,當你注冊之后,就能在全局共享注冊表里面的。的注冊表和對象表很像,都是結(jié)構(gòu),只不過這個是值。語法只有一個參數(shù),返回的是從注冊表獲取全局共享的注意如果要防止命名重復(fù)問題,可以加上前綴。 還記得對象Object嗎? let obj = { a: 1 } 對象的格式: Object { key: value } 在ES5的時代,對象的key只能...

    heartFollower 評論0 收藏0
  • 重學(xué)前端學(xué)習(xí)筆記(六)--JavaScript類型有哪些你不知道的細節(jié)?

    摘要:的碼點被稱為基本字符區(qū)域。關(guān)于的介紹,我準備用文檔阮一峰來做一些介紹,具體的可以參考文檔引入的原因的對象屬性名都是字符串,這容易造成屬性名的沖突。其他的一些屬性可以去看文檔阮一峰注意函數(shù)前不能使用命令,否則會報錯。 筆記說明 重學(xué)前端是程劭非(winter)【前手機淘寶前端負責人】在極客時間開的一個專欄,每天10分鐘,重構(gòu)你的前端知識體系,筆者主要整理學(xué)習(xí)過程的一些要點筆記以及感悟,完...

    Lsnsh 評論0 收藏0

發(fā)表評論

0條評論

最新活動
閱讀需要支付1元查看
<