1.数据传递的方法: ???值传递:基本数据类型的数据不会发改变,因为值是直接复制给另一个数据类型 ???引用传递:会改变内存中的数据
2、浅拷贝
浅拷贝:所谓的浅拷贝就是复制一份引用数据类型的地址,当改变了内存中数据的某一个值得话,也会影响到另一个对象
??浅拷贝1 ???var obj = {name:"张三",age:19,sex:"男"} ???var newObj = obj; ???newObj.name="李四"; ???console.log(obj);//{name:"李四",age:19,sex:"男"} ???console.log(newObj);//{name:"李四",age:19,sex:"男"} ???浅拷贝2 ????????Object.assgin() ???????参数1:目标对象 ???????参数2:任意多个对象 ???????如果对象是多层的话 ???????var obj = {data:{a:1,b:2,c:3}}; ???????var obj1 = Object.assign({},obj); ???????obj1.data.a = 10; ???????console.log(obj);//{data:{a:10,b:2,c:3}} ???浅拷贝3 ???????封装CopyAttr() ???????如果对象是多层的话 ???function copyAttr(obj){ ???????var newObj = {}; ???????for(var key in obj){ ???????????newObj[key] = obj[key]; ???????} ???????return newObj; ???} ???var obj = {data:{a:1,b:2,c:3}}; ???var newObj = copyAttr(obj); ???newObj.data.a = 10; ???console.log(obj)//{data:{a:10,b:2,c:3}} 浅拷贝4 ???????$.extend({},obj) ???????var obj = {data:{a:1,b:2,c:3}}; ???????var newObj = $.extend({},obj); ???????newObj.data.a = 10; ???????console.log(obj);//{a: 10, b: 2, c: 3} ???????console.log(newObj);//{a: 10, b: 2, c: 3}
3.深拷贝
深拷贝:所谓的深拷贝就是复制一份引用数据类型的数据,当改变了数据的某一个值得话,不会影响到另一个对象
深拷贝1 ???????Object.assign(); ???????如果对象只有一层的 ???????var obj = {a:1,b:2,c:3}; ???????var newObj = Object.assign({},obj); ???????newObj.a = 10; ???????console.log(obj);//{a: 1, b: 2, c: 3} ???????console.log(newObj);//{a: 10, b: 2, c: 3}深拷贝2 ???????$.extend(true,{},obj) ???????var obj = {a:1,b:2,c:3}; ???????var newObj = $.extend(true,{},obj); ???????newObj.a = 10; ???????console.log(obj);//{a: 1, b: 2, c: 3} ???????console.log(newObj);//{a: 10, b: 2, c: 3}深拷贝3 ???JSON.stringify() ???var obj = {data:{a:1,b:2,c:3}}; ???var newObj = JSON.parse(JSON.stringify(obj)); ???newObj.data.a = 10; ???console.log(obj);//{a: 1, b: 2, c: 3} ???console.log(newObj);//{a: 10, b: 2, c: 3} ???缺点:没有办法将函数转换为json
浅谈-----深浅拷贝--html5
原文地址:https://www.cnblogs.com/meng95/p/9306341.html