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