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

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

