資訊專欄INFORMATION COLUMN
摘要：引用數(shù)據(jù)類型及堆內(nèi)存引用數(shù)據(jù)類型是保存在堆內(nèi)存中的對(duì)象，他的大小是不固定的?；A(chǔ)數(shù)據(jù)類型在變量對(duì)象里可以直接對(duì)應(yīng)對(duì)應(yīng)的值，而引用數(shù)據(jù)類型是存儲(chǔ)在堆里的，在變量對(duì)象中對(duì)應(yīng)的是堆內(nèi)存的地址。因?yàn)槲覀冃薷谋举|(zhì)上是修改了堆內(nèi)存里的數(shù)據(jù)。
? ??? ??因?yàn)橐郧扒岸碎_發(fā)跟數(shù)據(jù)存儲(chǔ)打交道比較少，javascript又具有自動(dòng)垃圾回收機(jī)制。數(shù)據(jù)結(jié)構(gòu)以及存儲(chǔ)相關(guān)的概念，其實(shí)是很容易被前端er忽略的。但是因?yàn)楝F(xiàn)在大前端的趨勢(shì)，其實(shí)慢慢地，這些概念對(duì)于一個(gè)前端er來(lái)說(shuō)也成了必須要掌握的技巧。
? ??? ??了解這些概念，對(duì)于我們?nèi)ダ斫饣緮?shù)據(jù)類型，引用數(shù)據(jù)類型，閉包，原型，原型鏈，事件循環(huán)等都有很好的促進(jìn)作用。
? ??? ??接下來(lái)，我們先了解堆(heap)，棧(stack)，隊(duì)列(queue)這三種數(shù)據(jù)結(jié)構(gòu)，再來(lái)分析js數(shù)據(jù)存儲(chǔ)相關(guān)的概念。
? ? ? ? 1 數(shù)據(jù)結(jié)構(gòu)
? ? ? ? 1.1 棧 棧是一種先進(jìn)后出的數(shù)據(jù)結(jié)構(gòu)。
? ??? ??數(shù)據(jù)進(jìn)入棧中之后，會(huì)被壓到棧底。類似于我們平常用的羽毛球球管的概念，第一個(gè)進(jìn)去的是在球管的管低，第一個(gè)出來(lái)的是位于球管管頂?shù)淖詈笠粋€(gè)進(jìn)去的羽毛球。 這個(gè)概念會(huì)在我們之后需要講到的執(zhí)行上下文中用到。
? ? ? ??
? ? ? ? 1.2 堆 是一種樹狀的數(shù)據(jù)結(jié)構(gòu)，跟書架類似。
? ??? ??我們?cè)跁苋臅r(shí)候是不需要知道書的內(nèi)容的，只需要知道書名就知道需要取的是哪本書了。
? ? ? ? 1.3 隊(duì)列 是一種先進(jìn)先出(FIFO)的數(shù)據(jù)結(jié)構(gòu)。
? ? ? ? 就像我們過(guò)安檢，誰(shuí)排第一個(gè)誰(shuí)就第一個(gè)接受安檢。這塊的概念主要是在事件循環(huán)機(jī)制中用到，可以更好的幫我們理解事件循環(huán)機(jī)制。
? ? ? ? 好啦，介紹完我們的基本數(shù)據(jù)結(jié)構(gòu)，接下來(lái)就要詳細(xì)介紹js中的數(shù)據(jù)存儲(chǔ)方式了。
? ? ? ? 2 js數(shù)據(jù)存儲(chǔ)
? ? ? ? 2.1 基礎(chǔ)數(shù)據(jù)類型及變量對(duì)象
? ? ? ? 我們都知道js中基礎(chǔ)數(shù)據(jù)類型包括undefined,null,boolean,string,number。這些數(shù)據(jù)類型都是存儲(chǔ)在變量對(duì)象中的，我們都是按值訪問(wèn)，可以直接操作保存在變量中的值。
? ? ? ? 其實(shí)，變量對(duì)象嚴(yán)格意義上來(lái)說(shuō)也是存儲(chǔ)在對(duì)內(nèi)存中的，但是為了方便理解，我們還是需要對(duì)他和堆內(nèi)存做區(qū)分。
? ? ? ? 2.2 引用數(shù)據(jù)類型及堆內(nèi)存
? ? ? ? 引用數(shù)據(jù)類型是保存在堆內(nèi)存中的對(duì)象，他的大小是不固定的。而js是不允許直接操作對(duì)象的堆內(nèi)存空間的。我們實(shí)際操作對(duì)象的時(shí)候，是在操作對(duì)象的引用。所謂引用，可以理解成堆內(nèi)存內(nèi)對(duì)象的地址，給外界一個(gè)操作的入口。就像我們平常寫信，郵遞員都是按照地址去派發(fā)信件的。
? ? ? ? 2.3 數(shù)據(jù)存儲(chǔ)圖解
? ? ? ? 如下所示代碼，我們定義了4個(gè)基礎(chǔ)數(shù)據(jù)類型，定義了2個(gè)引用數(shù)據(jù)類型?；A(chǔ)數(shù)據(jù)類型在變量對(duì)象里可以直接對(duì)應(yīng)對(duì)應(yīng)的值，而引用數(shù)據(jù)類型是存儲(chǔ)在堆里的，在變量對(duì)象中對(duì)應(yīng)的是堆內(nèi)存的地址。
? ? ? ? 而要真正理解引用數(shù)據(jù)類型，我們可以看下下面的賦值操作。
? ? ? ? 因?yàn)閍是基礎(chǔ)數(shù)據(jù)類型，c是引用數(shù)據(jù)。c會(huì)有一個(gè)引用指向在堆里面真正的對(duì)象。
現(xiàn)在，我們進(jìn)行復(fù)制操作，把a(bǔ)的值復(fù)制給b的時(shí)候，是把a(bǔ)真正的值賦值給了b。但是，將c復(fù)制給d的時(shí)候，是把c的引用賦值給了d。如代碼下方的圖示。
? ??? ??因此，當(dāng)我們修改b的值的時(shí)候，是不會(huì)影響a的值，但是修改c的值的時(shí)候，會(huì)影響d的值。因?yàn)槲覀冃薷腸本質(zhì)上是修改了堆內(nèi)存里的數(shù)據(jù)。
文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://www.ezyhdfw.cn/yun/104737.html
摘要：不存在或格式不正確會(huì)導(dǎo)致文檔以兼容模式呈現(xiàn)標(biāo)準(zhǔn)模式的排版和運(yùn)作模式都是以該瀏覽器支持的最高標(biāo)準(zhǔn)運(yùn)行。如果不能確定時(shí)，首選使用自然樣式標(biāo)簽 HTML 語(yǔ)義化 HTML標(biāo)簽的語(yǔ)義化是指：通過(guò)使用包含語(yǔ)義的標(biāo)簽（如h1-h6）恰當(dāng)?shù)乇硎疚臋n結(jié)構(gòu) css命名的語(yǔ)義化是指：為html標(biāo)簽添加有意義的class 為什么需要語(yǔ)義化： 去掉樣式后頁(yè)面呈現(xiàn)清晰的結(jié)構(gòu) 盲人使用讀屏器更好地閱讀 搜...
摘要：相當(dāng)于相當(dāng)于相當(dāng)于基礎(chǔ)類型不屬于包裝的對(duì)象類型小結(jié)數(shù)據(jù)類型是每一個(gè)語(yǔ)言的基礎(chǔ)由于屬于弱類型腳本語(yǔ)言因此數(shù)據(jù)只有在賦值后才能直到變量的數(shù)據(jù)類型下一次我們具體介紹對(duì)象的概念 前言 在《你所不知道的javascript上篇》書籍 以及《javascript權(quán)威指南》等書籍里面， 均有介紹js的數(shù)據(jù)類型，對(duì)象，原型，繼承。結(jié)合工作經(jīng)驗(yàn), 以及借用一些開源庫(kù)和框架的源碼, 進(jìn)行一次梳理。 首先介...
摘要：希望幫助更多的前端愛好者學(xué)習(xí)。前端開發(fā)者指南作者科迪林黎，由前端大師傾情贊助。翻譯最佳實(shí)踐譯者張捷滬江前端開發(fā)工程師當(dāng)你問(wèn)起有關(guān)與時(shí)，老司機(jī)們首先就會(huì)告訴你其實(shí)是個(gè)沒(méi)有網(wǎng)絡(luò)請(qǐng)求功能的庫(kù)。 前端基礎(chǔ)面試題(JS部分) 前端基礎(chǔ)面試題(JS部分) 學(xué)習(xí) React.js 比你想象的要簡(jiǎn)單 原文地址：Learning React.js is easier than you think 原文作...
摘要：作用標(biāo)準(zhǔn)模式與兼容模式各有什么區(qū)別聲明位于位于文檔中的第一行，處于標(biāo)簽之前。又稱內(nèi)核及以上版本，等內(nèi)核及以上。存儲(chǔ)大小數(shù)據(jù)大小不能超過(guò)?？梢苑乐箰阂馑⑵闭搲嗨行Х乐箤?duì)某一個(gè)特定注冊(cè)用戶用特定程序暴力方式進(jìn)行不斷的登陸嘗試。 HTMLDoctype作用？標(biāo)準(zhǔn)模式與兼容模式各有什么區(qū)別?（1）、聲明位于位于HT...
摘要：年求職面經(jīng)及總結(jié)我的求職之路差不多走到盡頭了感覺真是精疲力盡了把這大半年的經(jīng)歷和面試總結(jié)寫下來(lái)希望能給和我一樣在求職路上煎熬的人一點(diǎn)幫助先說(shuō)背景微電子科學(xué)與工程專業(yè)學(xué)過(guò)兩門和相關(guān)的課程語(yǔ)言和單片機(jī)這個(gè)專業(yè)的唯一好處就是大部分人并不知道這個(gè)專 18年求職面經(jīng)及總結(jié) 我的求職之路差不多走到盡頭了,感覺真是精疲力盡了.把這大半年的經(jīng)歷和面試總結(jié)寫下來(lái),希望能給和我一樣在求職路上煎熬的人一點(diǎn)幫...
閱讀 2498·2021-11-25 09:43
閱讀 2989·2021-11-24 09:39
閱讀 3019·2019-08-30 11:10
閱讀 1216·2019-08-29 16:34
閱讀 674·2019-08-29 13:25
閱讀 3425·2019-08-29 11:21
閱讀 2933·2019-08-26 11:39
閱讀 2478·2019-08-26 11:34
