JS堆棧與拷貝

原文:http://www.cnblogs.com/jingwhale/p/4884759.html

一.堆棧的定義

1.棧是一種特殊的線性表坤溃。其特殊性在于限定插入和刪除數(shù)據(jù)元素的操作只能在線性表的一端進(jìn)行。


結(jié)論:后進(jìn)先出(Last In First Out),簡稱為LIFO線性表颈将。

棧的應(yīng)用有:數(shù)字轉(zhuǎn)換乓梨,語法詞法分析锭吨,表達(dá)式求值等

2.隊(duì)列(Queue)也是一種運(yùn)算受限的線性表,它的運(yùn)算限制與棧不同偎窘,是兩頭都有限制,插入只能在表的一端進(jìn)行(只進(jìn)不出)溜在,而刪除只能在表的另一端進(jìn)行(只出不進(jìn))陌知,允許刪除的一端稱為隊(duì)尾(rear),允許插入的一端稱為隊(duì)頭 (Front),隊(duì)列的操作原則是先進(jìn)先出的掖肋,所以隊(duì)列又稱作FIFO表(First In First Out)仆葡。

由于棧和隊(duì)列也是線性表,棧和隊(duì)列有順序棧和鏈棧兩種存儲結(jié)構(gòu)志笼,這兩種存儲結(jié)構(gòu)的不同沿盅,則使得實(shí)現(xiàn)棧的基本運(yùn)算的算法也有所不同。

二.JS堆棧研究

1纫溃、棧(stack)和堆(heap)
stack為自動(dòng)分配的內(nèi)存空間腰涧,它由系統(tǒng)自動(dòng)釋放;而heap則是動(dòng)態(tài)分配的內(nèi)存皇耗,大小不定也不會自動(dòng)釋放南窗。

2、基本類型和引用類型
(1)基本類型:存放在棧內(nèi)存中的簡單數(shù)據(jù)段郎楼,數(shù)據(jù)大小確定万伤,內(nèi)存空間大小可以分配。
  5種基本數(shù)據(jù)類型有Undefined呜袁、Null敌买、Boolean、Number 和 String阶界,它們是直接按值存放的虹钮,所以可以直接訪問。
(2)引用類型:存放在堆內(nèi)存中的對象膘融,變量實(shí)際保存的是一個(gè)指針芙粱,這個(gè)指針指向另一個(gè)位置。每個(gè)空間大小不一樣氧映,要根據(jù)情況開進(jìn)行特定的分配春畔。
  當(dāng)我們需要訪問引用類型(如對象,數(shù)組,函數(shù)等)的值時(shí)律姨,首先從棧中獲得該對象的地址指針振峻,然后再從堆內(nèi)存中取得所需的數(shù)據(jù)。

3择份、傳值與傳址
  前面之所以要說明什么是內(nèi)存中的堆扣孟、棧以及變量類型,實(shí)際上是為了更好的理解什么是“淺拷貝”和“深拷貝”荣赶。
  基本類型與引用類型最大的區(qū)別實(shí)際就是傳值與傳址的區(qū)別凤价。測試用例:

var a = [1,2,3,4,5];
var b = a;
var c = a[0];
alert(b);//1,2,3,4,5 
alert(c);//1 
//改變數(shù)值         
b[4] = 6;
c = 7;
alert(a[4]);//6
alert(a[0]);//1

從上面我們可以得知,當(dāng)我改變b中的數(shù)據(jù)時(shí)讯壶,a中數(shù)據(jù)也發(fā)生了變化料仗;但是當(dāng)我改變c的數(shù)據(jù)值時(shí),a卻沒有發(fā)生改變伏蚊。
  這就是傳值與傳址的區(qū)別立轧。因?yàn)閍是數(shù)組,屬于引用類型躏吊,所以它賦予給b的時(shí)候傳的是棧中的地址(相當(dāng)于新建了一個(gè)不同名“指針”)氛改,而不是堆內(nèi)存中的對象。而c僅僅是從a堆內(nèi)存中獲取的一個(gè)數(shù)據(jù)值比伏,并保存在棧中胜卤。所以b修改的時(shí)候,會根據(jù)地址回到a堆中修改赁项,c則直接在棧中修改葛躏,并且不能指向a堆內(nèi)存中。

三.拷貝

1.淺拷貝

前面已經(jīng)提到悠菜,在定義一個(gè)對象或數(shù)組時(shí)舰攒,變量存放的往往只是一個(gè)地址。當(dāng)我們使用對象拷貝時(shí)悔醋,如果屬性是對象或數(shù)組時(shí)摩窃,這時(shí)候我們傳遞的也只是一個(gè)地址。因此子對象在訪問該屬性時(shí)芬骄,會根據(jù)地址回溯到父對象指向的堆內(nèi)存中猾愿,即父子對象發(fā)生了關(guān)聯(lián),兩者的屬性值會指向同一內(nèi)存空間账阻。

var a = {
         key1:"11111"
    }
function Copy(p) {
var c = {};
for (var i in p) { 
           c[i] = p[i];
        }
return c;
  }
     a.key2 = ['小輝','小輝'];
var b = Copy(a);
    b.key3 = '33333';
     alert(b.key1);     //1111111
     alert(b.key3);    //33333
     alert(a.key3);    //undefined

a對象中key1屬性是字符串蒂秘,key2屬性是數(shù)組。a拷貝到b淘太,12屬性均順利拷貝姻僧。給b對象新增一個(gè)字符串類型的屬性key3時(shí)观挎,b能正常修改,而a中無定義段化。說明子對象的key3(基本類型)并沒有關(guān)聯(lián)到父對象中,所以undefined造成。

b.key2.push("大輝");
alert(b.key2); //小輝显熏,小輝,大輝
alert(a.key2); //小輝晒屎,小輝喘蟆,大輝

但是,若修改的屬性變?yōu)閷ο蠡驍?shù)組時(shí)鼓鲁,那么父子對象之間就會發(fā)生關(guān)聯(lián)蕴轨。從以上彈出結(jié)果可知,我對b對象進(jìn)行修改骇吭,a橙弱、b的key2屬性值(數(shù)組)均發(fā)生了改變。其在內(nèi)存的狀態(tài)燥狰,可以用下圖來表示棘脐。

原因是key1的值屬于基本類型,所以拷貝的時(shí)候傳遞的就是該數(shù)據(jù)段龙致;但是key2的值是堆內(nèi)存中的對象蛀缝,所以key2在拷貝的時(shí)候傳遞的是指向key2對象的地址,無論復(fù)制多少個(gè)key2目代,其值始終是指向父對象的key2對象的內(nèi)存空間屈梁。

2.深度拷貝

或許以上并不是我們在實(shí)際編碼中想要的結(jié)果,我們不希望父子對象之間產(chǎn)生關(guān)聯(lián)榛了,那么這時(shí)候可以用到深拷貝在讶。既然屬性值類型是數(shù)組和或象時(shí)只會傳址,那么我們就用遞歸來解決這個(gè)問題忽冻,把父對象中所有屬于對象的屬性類型都遍歷賦給子對象即可真朗。測試代碼如下:

function Copy(p, c) {
var c = c || {};
for (var i in p) {
if (typeof p[i] === 'object') {
              c[i] = (p[i].constructor === Array) ? [] : {};
             Copy(p[i], c[i]);
           } else {
              c[i] = p[i];
          }
        }
return c;
  }    
     a.key2 = ['小輝','小輝'];
var b={};
     b = Copy(a,b);        
     b.key2.push("大輝");
     alert(b.key2);    //小輝,小輝僧诚,大輝
     alert(a.key2);    //小輝遮婶,小輝

由上可知,修改b的key2數(shù)組時(shí)湖笨,沒有使a父對象中的key2數(shù)組新增一個(gè)值旗扑,即子對象沒有影響到父對象a中的key2。其存儲模式大致如下:

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末慈省,一起剝皮案震驚了整個(gè)濱河市臀防,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌,老刑警劉巖袱衷,帶你破解...
    沈念sama閱讀 222,378評論 6 516
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件捎废,死亡現(xiàn)場離奇詭異,居然都是意外死亡致燥,警方通過查閱死者的電腦和手機(jī)登疗,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 94,970評論 3 399
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來嫌蚤,“玉大人辐益,你說我怎么就攤上這事⊥阎ǎ” “怎么了智政?”我有些...
    開封第一講書人閱讀 168,983評論 0 362
  • 文/不壞的土叔 我叫張陵,是天一觀的道長箱蝠。 經(jīng)常有香客問我续捂,道長,這世上最難降的妖魔是什么宦搬? 我笑而不...
    開封第一講書人閱讀 59,938評論 1 299
  • 正文 為了忘掉前任疾忍,我火速辦了婚禮,結(jié)果婚禮上床三,老公的妹妹穿的比我還像新娘一罩。我一直安慰自己,他們只是感情好撇簿,可當(dāng)我...
    茶點(diǎn)故事閱讀 68,955評論 6 398
  • 文/花漫 我一把揭開白布聂渊。 她就那樣靜靜地躺著,像睡著了一般四瘫。 火紅的嫁衣襯著肌膚如雪汉嗽。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 52,549評論 1 312
  • 那天找蜜,我揣著相機(jī)與錄音饼暑,去河邊找鬼。 笑死洗做,一個(gè)胖子當(dāng)著我的面吹牛弓叛,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播诚纸,決...
    沈念sama閱讀 41,063評論 3 422
  • 文/蒼蘭香墨 我猛地睜開眼撰筷,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了畦徘?” 一聲冷哼從身側(cè)響起毕籽,我...
    開封第一講書人閱讀 39,991評論 0 277
  • 序言:老撾萬榮一對情侶失蹤抬闯,失蹤者是張志新(化名)和其女友劉穎,沒想到半個(gè)月后关筒,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體溶握,經(jīng)...
    沈念sama閱讀 46,522評論 1 319
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 38,604評論 3 342
  • 正文 我和宋清朗相戀三年蒸播,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了奈虾。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 40,742評論 1 353
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡廉赔,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出匾鸥,到底是詐尸還是另有隱情蜡塌,我是刑警寧澤,帶...
    沈念sama閱讀 36,413評論 5 351
  • 正文 年R本政府宣布勿负,位于F島的核電站馏艾,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏奴愉。R本人自食惡果不足惜琅摩,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 42,094評論 3 335
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望锭硼。 院中可真熱鬧房资,春花似錦、人聲如沸檀头。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,572評論 0 25
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽暑始。三九已至搭独,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間廊镜,已是汗流浹背牙肝。 一陣腳步聲響...
    開封第一講書人閱讀 33,671評論 1 274
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留嗤朴,地道東北人配椭。 一個(gè)月前我還...
    沈念sama閱讀 49,159評論 3 378
  • 正文 我出身青樓,卻偏偏與公主長得像雹姊,于是被迫代替她去往敵國和親颂郎。 傳聞我的和親對象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,747評論 2 361