淺談JavaScript中面向?qū)ο蟮牡纳羁截惡蜏\拷貝
理解深拷貝和淺拷貝之前需要弄懂一些基礎(chǔ)概念，內(nèi)存中存儲(chǔ)的變量類型分為值類型和引用類型。
1、值類型賦值的存儲(chǔ)特點(diǎn), 將變量?jī)?nèi)的數(shù)據(jù)全部拷貝一份, 存儲(chǔ)給新的變量。
例如：var num = 123 ；var num1=num;
表示變量中存儲(chǔ)的數(shù)字是 123。然后將數(shù)據(jù)拷貝一份,就是將 123 拷貝一份. 那么內(nèi)存中有 2 個(gè) 數(shù)組;將拷貝數(shù)據(jù)賦值給 num2,其特點(diǎn)是在內(nèi)存中有兩個(gè)數(shù)據(jù)副本.這可以理解為淺拷貝。
2、引用類型的賦值。
var o={name:'張三‘}；
var obj=o;
賦值就是將 變量 o 中存儲(chǔ)的數(shù)據(jù)拷貝一份, 然后將該數(shù)據(jù)賦值給 obj。內(nèi)存中有 1 分?jǐn)?shù)據(jù)，利用 obj 修改的 name 屬性會(huì)影響到 o 中的 name。
如果拷貝的時(shí)候, 將數(shù)據(jù)的所有引用結(jié)構(gòu)都拷貝一份, 那么數(shù)據(jù)在內(nèi)存中獨(dú)立就是深拷貝；
如果拷貝的時(shí)候, 只針對(duì)當(dāng)前對(duì)象的屬性進(jìn)行拷貝, 而屬性是引用類型這個(gè)不考慮, 那么就是淺拷貝；
拷貝: 復(fù)制一份. 指將對(duì)象數(shù)據(jù)復(fù)制；
在討論深拷與淺拷的時(shí)候一定要保證對(duì)象的屬性也是引用類型。
以上這篇淺談JavaScript中面向?qū)ο蟮牡纳羁截惡蜏\拷貝就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
- Javascript 淺拷貝、深拷貝的實(shí)現(xiàn)代碼
- JavaScript數(shù)組深拷貝和淺拷貝的兩種方法
- js對(duì)象淺拷貝和深拷貝詳解
- javascript對(duì)淺拷貝和深拷貝的詳解
- javascript深拷貝和淺拷貝詳解
- 淺析javaScript中的淺拷貝和深拷貝
- JavaScript基礎(chǔ)心法 深淺拷貝(淺拷貝和深拷貝)
- javascript深拷貝、淺拷貝和循環(huán)引用深入理解
- JavaScript深拷貝和淺拷貝概念與用法實(shí)例分析
- JavaScript實(shí)現(xiàn)淺拷貝與深拷貝的方法分析
- JS淺拷貝和深拷貝原理與實(shí)現(xiàn)方法分析
- JS中實(shí)現(xiàn)淺拷貝和深拷貝的代碼詳解
- javascript二維數(shù)組和對(duì)象的深拷貝與淺拷貝實(shí)例分析
- javascript 關(guān)于賦值、淺拷貝、深拷貝的個(gè)人理解
- JS賦值、淺拷貝和深拷貝（數(shù)組和對(duì)象的深淺拷貝）實(shí)例詳解
- 詳解JS深拷貝與淺拷貝
- JS對(duì)象復(fù)制(深拷貝和淺拷貝)
- js深拷貝與淺拷貝一文徹底搞懂
相關(guān)文章
之前在獲取元素屬性時(shí),踩了個(gè)坑,記錄一下,下面這篇文章主要給大家介紹了關(guān)于JS字符串截取出現(xiàn)的bug以及解決方式,文中通過(guò)實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下2022-12-12
最近由于公司需要研究了一下微信小程序的開發(fā),特此記錄一下小程序獲取授權(quán)的流程,便于自己理解,下面這篇文章主要給大家介紹了關(guān)于如何通過(guò)大白話理解微信小程序獲取授權(quán)的相關(guān)資料,需要的朋友可以參考下2022-12-12
ES6 let和const定義變量與常量的應(yīng)用實(shí)例分析
這篇文章主要介紹了ES6 let和const定義變量與常量的應(yīng)用,結(jié)合實(shí)例形式分析了ES6使用let定義變量以及使用const定義常量的相關(guān)操作技巧,需要的朋友可以參考下2019-06-06
微信小程序-可移動(dòng)菜單的實(shí)現(xiàn)過(guò)程詳解
這篇文章主要介紹了微信小程序-可移動(dòng)菜單的實(shí)現(xiàn)過(guò)程詳解，我們可以經(jīng)常看到手機(jī)app里有的菜單欄是懸浮在首頁(yè)的，用戶可以拖動(dòng)和點(diǎn)擊菜單欄進(jìn)行交互，今天就教大家利用小程序的控件，,需要的朋友可以參考下2019-06-06
JavaScript實(shí)現(xiàn)可終止輪詢請(qǐng)求的方法
輪詢請(qǐng)求就是間隔相同的時(shí)間（如5s）后不斷地向服務(wù)端發(fā)起同一個(gè)接口的請(qǐng)求，當(dāng)然不能無(wú)限次去請(qǐng)求，所以輪詢必須要有個(gè)停止輪詢的機(jī)制，今天通過(guò)本文給大家介紹JavaScript實(shí)現(xiàn)可終止的輪詢請(qǐng)求，感興趣的朋友一起看看吧2022-06-06
簡(jiǎn)單了解JavaScript操作XPath的一些基本方法
XPath構(gòu)建于XML之上,以表示路徑的方式來(lái)確定XML中元素位置,事實(shí)上并不是太常用,這里我們來(lái)簡(jiǎn)單了解JavaScript操作XPath的一些基本方法2016-06-06
js利用cookie實(shí)現(xiàn)記住用戶頁(yè)面操作
這篇文章主要給大家介紹了關(guān)于js利用cookie實(shí)現(xiàn)記住用戶頁(yè)面操作的相關(guān)資料，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2021-03-03
微信小程序?qū)崿F(xiàn)指定顯示行數(shù)多余文字去掉用省略號(hào)代替
這篇文章主要介紹了微信小程序?qū)崿F(xiàn)指定顯示行數(shù)多余文字去掉用省略號(hào)代替的方法,需要的朋友可以參考下2018-07-07
ES6中Promise、async、await用法超詳細(xì)講解指南
async+await是ES6中引入的異步編程解決方案,旨在解決異步編程中的回調(diào)地獄問(wèn)題,下面這篇文章主要給大家介紹了關(guān)于ES6中Promise、async、await用法超詳細(xì)講解的相關(guān)資料,需要的朋友可以參考下2024-08-08
做項(xiàng)目時(shí)遇到一個(gè)數(shù)據(jù)表需要展示，由于堅(jiān)定著使用合理標(biāo)簽表示合適內(nèi)容，于是使用了table，悲劇開始了。2010-01-01