Javascript 對象復制(深淺拷貝)


一、數據類型分類:

  1. 基本變量
  2. 引用類型

二、什么叫做指針指向

棧內存、堆內存、指針指向(如下紅圈圈的斜線)。

三、賦值、拷貝、引用區別?

  1. 賦值一個變量賦予某個值,包含兩種方式,一種是直接量,另一種,是將另一個變量的值傳遞給這個變量。拷貝和引用都屬於后者
  2. 引用的目的將指針指向相同堆內存中的某一位置
  3. 拷貝的目的改變指針的指向,並且內部屬性或者元素的值相等。基礎數據類型在賦值過程就改變了指針指向,所以通常說,基礎類型的引用只存在只讀狀態。復雜數據類型的指針指向包含兩種一種是指針指向棧內存,另一種是指針指向堆內存,前者只需賦值即可,可后者沒那么容易。
var person =  {
  name: 'lc',
  friends: ['xm','xm','xl']
}

從這段代碼,我們很清楚知道person.nameperson.friends中的每個元素的指針指向棧內存,personperson.friends的指針指向堆內存,由此我們可以得出兩點:

  1. 拷貝改變復雜數據類型的指針指向,必須是先改變指向堆內存的指針指向,如person的指針指向。
  2. 拷貝改變指針指向,可以只改person的指針向,這類叫做淺拷貝(淺復制);也可以改變personperson.friends等全部指針指向,這類通常叫做深拷貝(深復制)。

四、淺拷貝和深拷貝

淺拷貝只改變復雜數據類型內部分的指針指向,也就是不完全改變;深拷貝徹頭徹底地改變所有指針指向,也就是完全改變

淺拷貝

以下列例代碼為例:

var shallow_copy={};
for(var i in person) {
  shollow_copy[i] = person[i];
}

或者 es6 的 Object.assign()

深拷貝

實現的方法也是多種,大致上可以分為兩類: 一類是json,另一類是遞歸循環遍歷賦值。

其中最常見的是JQuery中$.extend()

ps: 理解這些,像es6語法中const,esm和commonJS模塊的區別等問題就變得非常好理解。

像如何驗證淺拷貝至改變部分指針指向、深拷貝具體實現方法有哪些等問題,也可以參考下面文檔:

文檔1
文檔2
文檔3


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM