angularJS深拷貝詳解
在了解angular深拷貝之前，首先看下邊的代碼。
var a = 1; var b = a; b = 2; console.log(a + " " + b);
很顯然，輸出的a的值是1，b的值是2。接下來再看一段代碼。
var a = [1,2,3,4]; var b = a; b.push(5); console.log(a + " " + b);
很顯然，輸出a的值是[1,2,3,4,5]，b的值是[1,2,3,4,5]。再來看下一段代碼。
var a = {
name:"zhangsan",
age:20
}
var b = a;
b.name = "lisi";
b.age = 30;
console.log(a + " " + b);
很顯然，輸出的a和b的值都是{name:"lisi",age:30}。這是為什么呢？
在JavaScript或者其他語言中，都有深拷貝和淺拷貝這兩個名詞。在第一段代碼中，a和b都是基本數(shù)據(jù)類型，當復制彼此的值之后，再改變值。此時a的值并沒有隨著b的值的改變而改變，這就是深拷貝。當數(shù)據(jù)類型為數(shù)組或者對象這些復雜數(shù)據(jù)類型時，復制到數(shù)組或者對象之后，再改變數(shù)組或者對象的值，a的值也隨著b的值改變而改變，這就是淺拷貝。
怎樣解決深拷貝這個問題呢？
數(shù)組數(shù)據(jù)類型：使用concat()方法。b = a.concat();此時改變b的值，a的值就不會隨著b的值的改變而改變。
對象數(shù)據(jù)類型：b.name = a.name; b.age = a.age;此時，改變b的值，a的值就不會隨著b的值的改變而改變。但是，該方法需要知道a對象里邊都有哪些字段。一個一個的復制，特別麻煩。
AngularJS的深拷貝
使用angular的同學可能都忽略了angularJS自帶的封裝好的方法。angular.isString(), angular.isNumber()，angular.isArray() , angular.isFunction() 等等。其中解決深拷貝的方法angular.copy(),能夠解決深拷貝的問題。如下：
var a = {
name :"zhangsan",
age : 20
}
var b = angular.copy(a);
此時，改變b的值，a的值就不會隨著b的值的改變而改變，也就解決了深拷貝的問題。
以上就是本文的全部內(nèi)容，希望對大家的學習有所幫助，也希望大家多多支持腳本之家。
相關文章
這篇文章主要介紹了Angular 2使用路由自定義彈出組件toast操作,結(jié)合實例形式分析了Angular2使用路由操作彈出組件toast相關定義與使用技巧,需要的朋友可以參考下2019-05-05
下面小編就為大家?guī)硪黄钊肜斫鈇ngularjs過濾器。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-05-05
利用VS Code開發(fā)你的第一個AngularJS 2應用程序
這篇文章主要給大家介紹了關于利用VS Code如何開發(fā)你的第一個AngularJS 2應用程序的相關資料，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友下面來一起看看吧。2017-12-12
下面小編就為大家?guī)硪黄獪\談angularjs中響應回車事件。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-04-04
AngularJS使用angular.bootstrap完成模塊手動加載的方法分析
這篇文章主要介紹了AngularJS使用angular.bootstrap完成模塊手動加載的方法,結(jié)合實例形式分析了angular.bootstrap函數(shù)手動加載模塊的步驟與相關操作技巧,需要的朋友可以參考下2017-01-01
AngularJS select加載數(shù)據(jù)選中默認值的方法
下面小編就為大家分享一篇AngularJS select加載數(shù)據(jù)選中默認值的方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-02-02
這篇文章主要介紹了angularJS 中$scope方法使用指南,需要的朋友可以參考下2015-02-02
angular8.5集成TinyMce5的使用和詳細配置(推薦)
這篇文章主要介紹了angular8.5集成TinyMce5的使用和詳細配置,本文給大家介紹的非常詳細，對大家的學習或工作具有一定的參考借鑒價值，需要的朋友可以參考下2020-11-11
這篇文章主要給大家介紹了關于Angular4學習教程之HTML屬性綁定的相關資料，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧。2018-01-01
解決ng-repeat產(chǎn)生的ng-model中取不到值的問題
今天小編就為大家分享一篇解決ng-repeat產(chǎn)生的ng-model中取不到值的問題，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-10-10