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都是基本数据类型，当复制彼此的值之后，再改变值。此时a的值并没有随着b的值的改变而改变，这就是深拷贝。当数据类型为数组或者对象这些复杂数据类型时，复制到数组或者对象之后，再改变数组或者对象的值，a的值也随着b的值改变而改变，这就是浅拷贝。
怎样解决深拷贝这个问题呢？
数组数据类型：使用concat()方法。b = a.concat();此时改变b的值，a的值就不会随着b的值的改变而改变。
对象数据类型：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的值的改变而改变，也就解决了深拷贝的问题。
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。
相关文章
这篇文章主要为大家介绍了Angular 13+开发模式慢的原因及构建性能优化解析，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2022-12-12
promise是一种用异步的方式处理值的方法，promise是对象，代表了一个函数最终可能的返回值或者抛出的异常，在与远程对象打交道时我们可以把他看作是远程对象的一个代理，通过本文给大家介绍AngularJS中处理多个promise的方式及什么是promise，需要的朋友参考下2016-02-02
Angular.js中ng-if、ng-show和ng-hide的区别介绍
angularJS中的ng-show、ng-hide、ng-if指令都可以用来控制dom元素的显示或隐藏。那么这篇文章就给大家主要介绍了Angular.js中ng-if、ng-show和ng-hide的区别，需要的朋友可以参考借鉴，下面来一起看看吧。2017-01-01
这篇文章主要介绍了Angular实现的进度条功能,结合实例形式较为详细的分析了angular进度条功能的相关界面布局、功能等操作技巧,需要的朋友可以参考下2018-02-02
这篇文章主要介绍了Angularjs自定义指令实现三级联动，选择地理位置，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-02-02
Angular的Bootstrap(引导)和Compiler(编译)机制
这篇文章主要介绍了Angular的Bootstrap(引导)和Compiler(编译)机制的相关资料,非常不错，具有参考借鉴价值，需要的朋友可以参考下2016-06-06
这篇文章主要介绍了详解封装基础的angular4的request请求方法，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2018-06-06
@angular前端项目代码优化之构建Api Tree的方法
这篇文章主要介绍了@angular前端项目代码优化之构建Api Tree的方法，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2018-12-12
本篇文章主要介绍了angular实现spa单页面应用实例，小本篇文章是对单页面的一个简单的基本逻辑操作，这个方法可以搭建基本的单页面的逻辑结构。一起跟随小编过来看看吧2017-07-07
这篇文章介绍的是写一个通过指令嵌套实现tabs功能的指令模块，这也是我在一个项目中应用到的，现在分享给大家，有需要的可以参考借鉴。2016-08-08
最新评论