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ū),訪(fǎng)問(wèn)是按值訪(fǎng)問(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學(xué)習(xí)之json入門(mén)
本文主要對(duì)javascript中的JSON進(jìn)行詳細(xì)介紹。相信對(duì)于初學(xué)者具有很好的參考價(jià)值,下面就跟著小編一起來(lái)看下吧2016-12-12JavaScript中的noscript元素屬性位置及作用介紹
Javascript插入到XHTML中要使用script元素,使用這個(gè)元素可以把Javascript嵌入到XHTML頁(yè)面中,讓腳本與標(biāo)記混合在一起,感興趣的朋友可以了解下2013-04-04swiper動(dòng)態(tài)改變滑動(dòng)內(nèi)容的實(shí)現(xiàn)方法
假設(shè)當(dāng)前顯示的是1,往左滑動(dòng)一個(gè)遞減1,往右滑動(dòng)一個(gè)遞增1。下面通過(guò)實(shí)例代碼給大家講解swiper動(dòng)態(tài)改變滑動(dòng)內(nèi)容的實(shí)現(xiàn)方法,感興趣的朋友一起看看吧2018-01-01JS實(shí)現(xiàn)"上次操作未完成禁止新操作"邏輯特事特辦方案
這篇文章主要介紹了詳解JS如何實(shí)現(xiàn)"上次操作未完成禁止新操作"的邏輯及思路,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2023-05-05JS中把字符轉(zhuǎn)成ASCII值的函數(shù)示例代碼
這篇文章主要是對(duì)JS中把字符轉(zhuǎn)成ASCII值的函數(shù)示例代碼進(jìn)行了介紹,需要的朋友可以過(guò)來(lái)參考下,希望對(duì)大家有所幫助2013-11-11詳解JavaScript中關(guān)于this指向的4種情況
這篇文章主要介紹了JavaScript中關(guān)于this指向的4種情況,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2019-04-04JavaScript實(shí)踐之使用Canvas開(kāi)發(fā)一個(gè)可配置的大轉(zhuǎn)盤(pán)抽獎(jiǎng)功能
公司項(xiàng)目搞優(yōu)惠活動(dòng),讓做一個(gè)轉(zhuǎn)盤(pán)抽獎(jiǎng)的活動(dòng),這篇文章主要給大家介紹了關(guān)于JavaScript實(shí)踐之使用Canvas開(kāi)發(fā)一個(gè)可配置的大轉(zhuǎn)盤(pán)抽獎(jiǎng)功能的相關(guān)資料,文中通過(guò)代碼介紹的非常詳細(xì),需要的朋友可以參考下2023-11-11ES6 系列之 Generator 的自動(dòng)執(zhí)行的方法示例
這篇文章主要介紹了ES6 系列之 Generator 的自動(dòng)執(zhí)行的方法示例,小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2018-10-10