javascript深拷贝是什么及怎么用

今天小编给大家分享一下javascript深拷贝是什么及怎么用的相关知识点，内容详细，逻辑清晰，相信大部分人都还太了解这方面的知识，所以分享这篇文章给大家参考一下，希望大家阅读完这篇文章后有所收获，下面我们一起来了解一下吧。

要讲JavaScript的拷贝，就得先讲讲javascript中的值传递和引用传递。

javascript中没有一个具体的语法来规定哪些参数是引用传递，而其他语言中都有明文规定，比如 C# 中的 ref 和 PHP 中的 & 。

这也是javascript众多弊端中的一个。

我们先看看下面这段代码：

//值传递var i = 3;var j = i;j = 4;[xss_clean](i);//3//引用传递var m = [1];var n = m;n[0] = 2;[xss_clean](n[0]);//2

说明，javascript中只有简单类型是值传递，而其他复杂类型比如数组、对象都是默认就是引用传递的。

那么我们如果需要复制一个对象呢？就必须自己定义方法：

//深度拷贝函数，其实就是值传递function cloneObject(srcobj){  var tarobj=new Object();  for(var key in srcobj){//判断对象中是否继续为对象    tarobj[key]=typeof srcobj[key]==='object'?cloneObject(srcobj[key]):srcobj[key];  }  return tarobj;}//验证深度拷贝函数的使用// 测试用例：var srcObj = {  a: 1,  b: {    b1: ["hello", "hi"],    b2: "JavaScript"  }};var abObj = srcObj;//引用传递var tarObj = cloneObject(srcObj);srcObj.a = 2;srcObj.b.b1[0] = "Hello";console.log(abObj.a);//2console.log(abObj.b.b1[0]);//Hello,说明普通的=是一种引用传递console.log(tarObj.a);   // 1console.log(tarObj.b.b1[0]);  // "hello",说明我们定义的深拷贝是值传递

其实就是通过实例化一个新的对象，从而在堆中开辟一块新的内存空间，使得栈中的变量名指向堆中的新内容。

以上就是"javascript深拷贝是什么及怎么用"这篇文章的所有内容，感谢各位的阅读！相信大家阅读完这篇文章都有很大的收获，小编每天都会为大家更新不同的知识，如果还想学习更多的知识，请关注行业资讯频道。