本篇內(nèi)容主要講解“angularJS深拷貝是什么意思”,感興趣的朋友不妨來看看。本文介紹的方法操作簡單快捷,實用性強。下面就讓小編來帶大家學習“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的值的改變而改變,也就解決了深拷貝的問題。
到此,相信大家對“angularJS深拷貝是什么意思”有了更深的了解,不妨來實際操作一番吧!這里是創(chuàng)新互聯(lián)建站網(wǎng)站,更多相關(guān)內(nèi)容可以進入相關(guān)頻道進行查詢,關(guān)注我們,繼續(xù)學習!
另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)建站www.rwnh.cn,海內(nèi)外云服務(wù)器15元起步,三天無理由+7*72小時售后在線,公司持有idc許可證,提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國服務(wù)器、虛擬主機、免備案服務(wù)器”等云主機租用服務(wù)以及企業(yè)上云的綜合解決方案,具有“安全穩(wěn)定、簡單易用、服務(wù)可用性高、性價比高”等特點與優(yōu)勢,專為企業(yè)上云打造定制,能夠滿足用戶豐富、多元化的應用場景需求。
當前名稱:angularJS深拷貝是什么意思-創(chuàng)新互聯(lián)
瀏覽路徑:http://www.rwnh.cn/article28/dcoejp.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供用戶體驗、小程序開發(fā)、動態(tài)網(wǎng)站、全網(wǎng)營銷推廣、自適應網(wǎng)站、移動網(wǎng)站建設(shè)
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容