基本類型和引用類型
JavaScript中基本類型為簡單類型:
● string
● number
● boolean
● undefined
● null
引用類型為復(fù)合類型:
● Date
● Arry
● Number
● String
● Boolean
● Math
● RegExp
還有兩個(gè)核心類:
● Object
● Function
其中Number待秃,String齐媒,Boolean為簡單類型number,string,boolean的包裝類型逛万。
基本類型的變量和引用類型的變量最大區(qū)別在變量本身保存的值〖玖基本類型的變量保存的就是數(shù)據(jù)本身昼蛀,而引用類型的變量保存的是數(shù)據(jù)的引用,這個(gè)引用指向真實(shí)的數(shù)據(jù)地址。數(shù)據(jù)結(jié)構(gòu)如圖所示:
基本類型在復(fù)制操作事將變量的值拷貝一份副本賦值給另一個(gè)變量陡舅,兩個(gè)變量除了值相同之外無任何聯(lián)系抵乓。
var num1 = 5;
var num2 = num1;
num2 ++;
alert(num1); //5
alert(num2); //6
num2的值不管怎么改變都不影響num1。
引用類型的變量的值是引用,指向數(shù)據(jù)本身灾炭。所以賦值的時(shí)候?qū)⒁觅x值給另一個(gè)變量茎芋,兩個(gè)變量指向同一個(gè)數(shù)據(jù)。所以改變一個(gè)內(nèi)容另一個(gè)也跟著改變蜈出。
var person = new Object();
person.name = "landmine";
var person2 = person;alert(person2.name); //landmine
person2.name = "asd";
alert(person.name ); //asd
可以看到person2復(fù)制了person后對(duì)person2的name屬性進(jìn)行改變后田弥,person的值也會(huì)改變。
參數(shù)傳遞
接下來進(jìn)入重頭戲铡原,如何理解參數(shù)傳遞的都是以數(shù)值傳遞偷厦。通過上面的代碼我們可以發(fā)現(xiàn)引用類型的復(fù)制就是將本身的引用地址賦值給另一個(gè)變量。這句話對(duì)于理解參數(shù)的傳遞很重要燕刻。第一次看js高程的時(shí)候由于忽略了這句話導(dǎo)致我一整個(gè)小節(jié)都看的半懂不懂只泼。
首先是基本類型的參數(shù)傳遞:
var num = 10;
function fn(num2) {
num2 +=10;
return num2;
}
var num3 = fn(num);
alert(num); //10
alert(num3); //20
基本類型很好理解,參數(shù)以值類型傳遞進(jìn)入函數(shù)內(nèi)卵洗。復(fù)制的時(shí)候是復(fù)制值的副本请唱,復(fù)制完后兩個(gè)變量沒有任何關(guān)聯(lián)。
接下來是引用類型:
function fn(obj) {
obj.name = "dilei";
}
var person = new Object();
person.name = "landmine";
fn(person);
alert(person.name); //dilei
在我以前的理解中过蹂,按值傳遞就是將數(shù)據(jù)拷貝一份副本賦值給形參籍滴。這樣不管是引用類型還是值類型,傳遞進(jìn)函數(shù)后對(duì)形參進(jìn)行修改數(shù)值都不會(huì)影響外部的變量榴啸。然而在上面的演示demo中可以看到孽惰,函數(shù)內(nèi)修改數(shù)值會(huì)影響到函數(shù)外的變量。如今再次細(xì)讀高程的這一小節(jié)后才發(fā)現(xiàn)鸥印,人家一開始就明明白白的寫了勋功,在向參數(shù)傳遞引用類型的值時(shí),會(huì)把這個(gè)值在內(nèi)存中的地址復(fù)制給一個(gè)局部變量库说,因此這個(gè)局部變量的變化會(huì)反映在函數(shù)的外部狂鞋,參考我之前的圖片,參數(shù)傳遞的時(shí)候并不是將變量的數(shù)據(jù)拷貝一份副本賦值給形參潜的。而是將變量的值拷貝一份副本賦值給形參骚揍。
從我上面的圖片可以看出,基本類型的變量的數(shù)據(jù)和值是相同的啰挪,而應(yīng)用類型的變量的值保存的是數(shù)據(jù)的引用信不,可以抽象對(duì)圖片中的箭頭。所以在參數(shù)傳遞的時(shí)候?qū)粗祩鬟f給函數(shù)的形參亡呵,也就是把引用傳遞給函數(shù)的形參抽活。
從上面的圖片中可以看到,person和obj指向的是一個(gè)數(shù)據(jù)锰什,所以可以通過修改obj來修改person的name屬性下硕。
也可以通過以下demo驗(yàn)證:
function fn(obj) {
obj = {};
}
var person = new Object();
person.name = "landmine";
fn(person);
alert(person.name); //landmine
上面的代碼先將obj賦值一個(gè)空的object對(duì)象丁逝。如果是引用傳遞的話person會(huì)和object一樣將會(huì)被重新賦值為一個(gè)空的object對(duì)象。但是參數(shù)的傳遞是值傳遞的梭姓,也就是說obj本身只不過是引用而已霜幼,重新賦值不過是將引用指向了另一塊內(nèi)存空間,原來的person以及person的值指向的內(nèi)存空間的數(shù)據(jù)并沒有被修改誉尖,所以person.name的值還是landmine罪既。