JavaScript引用賦值與傳值賦值總結(jié)
前言
在JavaScript中基本數(shù)據(jù)類型都是傳值賦值,復(fù)合數(shù)據(jù)類型都是引用賦值(傳地址)也叫引用傳址
基本數(shù)據(jù)類型的變量名和數(shù)據(jù)是直接存在"快速內(nèi)存"(棧內(nèi)存)中。
基本的數(shù)據(jù)類型有:undefined,boolean,number,string,null。 基本類型存放在棧區(qū),訪問是按值訪問的,就是說你可以操作保存在變量中的實際的值。
而復(fù)合數(shù)據(jù)類型(對象和數(shù)組)的存儲分兩個部分:
- ①具體的數(shù)據(jù)存在“慢速內(nèi)存”“堆內(nèi)存”中;
- ②將變量名和數(shù)據(jù)地址存在“快速內(nèi)存”“棧內(nèi)存”中。
復(fù)合數(shù)據(jù)類型可以擁有屬性和方法,并且我們可以修改其屬性和方法。
引用傳址:將一個變量的數(shù)據(jù)地址,“拷貝”一份,傳給另了另一個變量。這兩個變量,指向“同一個地址”。
大家共享同一份數(shù)據(jù)。
如果其中一個變量的值發(fā)生了改變,那么,另一個變量的值也得變。要變一起變。
舉例:
基本數(shù)據(jù)類型
var a=1;
var b=a;
a=2;
console.log(b); // 打印輸出結(jié)果: 1
當(dāng)基本類型的數(shù)據(jù)賦值時,賦得是實際的值,a和b是沒有關(guān)聯(lián)關(guān)系的,b由a復(fù)制得到,相互獨立。

復(fù)合數(shù)據(jù)類型
let a_arr=[1,2,3,4,5];
let b_arr=a_arr;
a_arr[0]=10;
console.log(b_arr); // 打印輸出結(jié)果: (5)?[10, 2, 3, 4, 5]
對象(包括數(shù)組)使用的是引用賦值。當(dāng)我們把一個對象賦值給一個新的變量時,賦的其實是該對象的在堆中的地址,而不是堆中的數(shù)據(jù)。也就是將一個變量的數(shù)據(jù)地址,“拷貝”一份,傳給另了另一個變量。這兩個變量,指向“同一個地址”。因此,兩個對象是聯(lián)動的。
那么問題來了,如何讓 b_arr 的值不要因a_arr的改變而改變呢?也就數(shù)說,b_arr打印輸出結(jié)果為 (5) [1, 2, 3, 4, 5]
解決辦法:
let a_arr=[1,2,3,4,5];
let b_arr=a_arr.concat();
a_arr[0]=10;
console.log(b_arr); // 打印輸出結(jié)果: (5)?[1, 2, 3, 4, 5]concat() 方法用于連接兩個或多個數(shù)組。
concat() 方法不會更改現(xiàn)有數(shù)組,而是返回一個新數(shù)組,其中包含已連接數(shù)組的值。
到此這篇關(guān)于JavaScript引用賦值與傳值賦值總結(jié)的文章就介紹到這了,更多相關(guān)js 賦值內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!
相關(guān)文章
Javascript實現(xiàn)數(shù)組中的元素上下移動
這篇文章主要給大家介紹了Javascript實現(xiàn)數(shù)組中的元素上下移動的相關(guān)資料,文中通過示例代碼介紹的非常詳細(xì),對大家具有一定的參考學(xué)習(xí)價值,需要的朋友們下面來一起看看吧。2017-04-04
JavaScript中實現(xiàn)在光標(biāo)位置插入內(nèi)容的幾種方法
本文主要介紹了在網(wǎng)頁開發(fā)中,如何使用JavaScript在文本輸入框或富文本編輯器的光標(biāo)位置插入內(nèi)容的實踐,包括獲取光標(biāo)位置的方法,創(chuàng)建文本節(jié)點,操作Selection對象,文中通過代碼介紹的非常詳細(xì),需要的朋友可以參考下2024-10-10
js模式化窗口問題![window.dialogArguments]
這篇文章主要介紹了js模式化窗口問題![window.dialogArguments],需要的朋友可以參考下2016-10-10
JavaScript高級程序設(shè)計 讀書筆記之十一 內(nèi)置對象Global
由ECMAScript實現(xiàn)提供的、獨立于宿主環(huán)境的所有對象,在ECMAScript程序開始執(zhí)行時出現(xiàn)2012-03-03
echarts自定義餅圖數(shù)據(jù)刷新和顏色渲染問題淺析
這篇文章主要給大家介紹了關(guān)于echarts自定義餅圖數(shù)據(jù)刷新和顏色渲染問題的相關(guān)資料,內(nèi)容簡明扼要并且容易理解,絕對能使你眼前一亮,需要的朋友可以參考下2023-05-05
JavaScript制作windows經(jīng)典掃雷小游戲
掃雷是一款相當(dāng)大眾的小游戲,游戲目標(biāo)是在最短的時間內(nèi)根據(jù)點擊格子出現(xiàn)的數(shù)字找出所有非雷格子,同時避免踩雷。今天我們來看看如何使用javascript來實現(xiàn)這款小游戲2015-03-03
微信小程使用swiper組件實現(xiàn)圖片輪播切換顯示功能【附源碼下載】
這篇文章主要介紹了微信小程使用swiper組件實現(xiàn)圖片輪播切換顯示功能,涉及swiper組件相關(guān)屬性使用技巧,并附帶源碼供讀者下載參考,需要的朋友可以參考下2017-12-12

