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