js中的值傳遞與引用傳遞

js一共有六大數據類型。number string boolean object null underfind

要說js的賦值方式時首先要說明js的數值類型:基本類型和引用類型。

基本數據類型

基本的數據類型有:undefined,boolean,number,string,null。 基本類型存放在棧區,訪問是按值訪問的,就是說你可以操作保存在變量中的實際的值。

var a = 10;
var b = a;
a = 20;
console.log(a);  //20
console.log(b);  //10
image.png

結論:這種賦值類似于拷貝了一份。a和b在 var b = a;后就再也沒有關系了?;ゲ挥绊?。

引用賦值

引用類型指的是對象:js中的array和object??梢該碛袑傩院头椒?,并且我們可以修改其屬性和方法。引用對象存放的方式是:在棧中存放變量名(該變量的值是堆中真實數據的指針(對象在堆中的存放地址)),在堆中存放數據(真正的數據)。

對象使用的是引用賦值。當我們把一個對象賦值給一個新的變量時,賦的其實是該對象的在堆中的地址,而不是堆中的數據。也就是兩個對象指向的是同一個存儲空間,無論哪個對象發生改變,其實都是改變的存儲空間的內容,因此,兩個對象是聯動的。


image.png

數組和對象賦值時的奇特現象

var a = [1,2,3];

var b = a;

a = [4,5,6];

alert(b); //[1,2,3]

好像數組是基本類型一樣。。,但是:

var a = [1,2,3];

var b = a;

a.pop();

alert(b); //[1,2]

這是怎么回事?因為:(知乎解釋)

a = [4,5,6];//改變的是a引用本身,沒有改變數組對象,a和b沒有了關系。簡單點:在堆中開辟了內存0xx2 存放[4,5,6],而后a的值變成了0xx2,而之前堆中0xx1依舊存儲著[1,2,3],b的值是0xx1,所以b不收a的影響。
a.pop();//改變的是數組對象,a引用沒有改變。
b = a;//該操作后,b直接指向數組對象,不是b指向a,a再指向數組。
//所以改變a引用并不會對b引用造成影響,改變數組對象可以。

作者:Intopass
鏈接:https://www.zhihu.com/question/26042362/answer/31903017
來源:知乎

參數傳遞

js的函數參數傳遞為值傳遞。

當傳入的是 基本類型的參數時:就是復制了份內容給i而已,i與age之間沒有關系。

function setAge(i)

{
alert(i);//24
i = 18;
alert(i);//18,i的改變不會影響外面的age
};

var age = 24;
setAge(age);
alert(age);//24
當傳入的參數為引用類型時:

function setName(obj)

{
obj.name = 'haha';
};

var obj2 = new Object();
setName(obj2);
alert(obj2.name); // haha

這看起來很像是傳遞的是引用,因為obj.name受到改變了,但其實不是,其實還是值,因為obj2本身的值就是新對象的地址,所以傳進去的就是這個地址。

這是阿里2014年的筆試題:

var a = 1;

var obj = {
b: 2
};
var fn = function () {};
fn.c = 3;

function test(x, y, z) {
x = 4;
y.b = 5;
z.c = 6;
return z;
}
test(a, obj, fn);
alert(a + obj.b + fn.c);
答案:12

首先test傳遞進去的實參中,a是基本類型(,復制了一份值),obj是object(指向地址,你動我也動),fn也當然不是基本類型啦。在執行test的時候,x被賦值為4(跟a沒關系,各玩各的,a仍然為1),y的b被賦值為5,那obj的b也變為5,z的c變為6,那fn的c當然也會是6. 所以alert的結果應該是1+5+6 =12. (其實test不返回z也一樣,z仍然改變的)。

思考:那怎么保證一個對象調用一個js方法(js方法會改變其中數據),又想之后使用調用方法前的對象呢?

var a = {name:1, value:2};
var b = JSON.parse(JSON.stringify(a));
b.name = 'mary';
console.log(a);  //{name: 1, value: 2}
console.log(b);  //{name: "mary", value: 2}

感謝

感謝原文作者:https://www.cnblogs.com/telnetzhang/p/5714920.html

?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市,隨后出現的幾起案子,更是在濱河造成了極大的恐慌,老刑警劉巖,帶你破解...
    沈念sama閱讀 228,156評論 6 531
  • 序言:濱河連續發生了三起死亡事件,死亡現場離奇詭異,居然都是意外死亡,警方通過查閱死者的電腦和手機,發現死者居然都...
    沈念sama閱讀 98,401評論 3 415
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人,你說我怎么就攤上這事?!?“怎么了?”我有些...
    開封第一講書人閱讀 176,069評論 0 373
  • 文/不壞的土叔 我叫張陵,是天一觀的道長。 經常有香客問我,道長,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 62,873評論 1 309
  • 正文 為了忘掉前任,我火速辦了婚禮,結果婚禮上,老公的妹妹穿的比我還像新娘。我一直安慰自己,他們只是感情好,可當我...
    茶點故事閱讀 71,635評論 6 408
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著,像睡著了一般。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發上,一...
    開封第一講書人閱讀 55,128評論 1 323
  • 那天,我揣著相機與錄音,去河邊找鬼。 笑死,一個胖子當著我的面吹牛,可吹牛的內容都是我干的。 我是一名探鬼主播,決...
    沈念sama閱讀 43,203評論 3 441
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了?” 一聲冷哼從身側響起,我...
    開封第一講書人閱讀 42,365評論 0 288
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后,有當地人在樹林里發現了一具尸體,經...
    沈念sama閱讀 48,881評論 1 334
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 40,733評論 3 354
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發現自己被綠了。 大學時的朋友給我發了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 42,935評論 1 369
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖,靈堂內的尸體忽然破棺而出,到底是詐尸還是另有隱情,我是刑警寧澤,帶...
    沈念sama閱讀 38,475評論 5 358
  • 正文 年R本政府宣布,位于F島的核電站,受9級特大地震影響,放射性物質發生泄漏。R本人自食惡果不足惜,卻給世界環境...
    茶點故事閱讀 44,172評論 3 347
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧,春花似錦、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 34,582評論 0 26
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至,卻和暖如春,著一層夾襖步出監牢的瞬間,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 35,821評論 1 282
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人。 一個月前我還...
    沈念sama閱讀 51,595評論 3 390
  • 正文 我出身青樓,卻偏偏與公主長得像,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 47,908評論 2 372

推薦閱讀更多精彩內容

  • Js中按值傳遞和按引用傳遞 文章思路: js的數值類型(基本類型,引用類型)--數組是引用類型?--對象的參數傳遞...
    __越過山丘__閱讀 1,011評論 0 1
  • 第一部分 HTML&CSS整理答案 1. 什么是HTML5? 答:HTML5是最新的HTML標準。 注意:講述HT...
    kismetajun閱讀 27,555評論 1 45
  • 工廠模式類似于現實生活中的工廠可以產生大量相似的商品,去做同樣的事情,實現同樣的效果;這時候需要使用工廠模式。簡單...
    舟漁行舟閱讀 7,796評論 2 17
  • 《ijs》速成開發手冊3.0 官方用戶交流:iApp開發交流(1) 239547050iApp開發交流(2) 10...
    葉染柒丶閱讀 5,248評論 0 7
  • 葉子的離開是對風的追求,還是樹的不挽留? 我想,有時候就算葉子是對風的追求,也說不定只是因為風這個外界力量對它的誘...
    eleven_111閱讀 517評論 0 1