javaScript浅拷贝、深拷贝

栏目: JavaScript · 发布时间: 7年前

内容简介:数据类型js的数据类型有两种:1.基本数据类型:数值、字符串、布尔、null、undefined (值类型)

数据类型

js的数据类型有两种:

1.基本数据类型:数值、字符串、布尔、null、undefined (值类型)

存放在栈中,所以复制基本数据类型的值是会新开一个栈内存

javaScript浅拷贝、深拷贝

2.引用数据类型:对象

对象引用存放在栈中,对象值存放在堆中,所以复制引用类型复制的是应用地址,而不是引用类型的值

javaScript浅拷贝、深拷贝

浅拷贝

如果我们要复制对象的所有属性都不是引用类型时,就可以使用浅拷贝,实现方式就是遍历并复制,最后返回新的对象。

function simpleClone(initalObj) {

var obj = {};    
      for ( var i in initalObj) {
        obj[i] = initalObj[i];
      }    
      return obj;
    }

concat

javaScript浅拷贝、深拷贝

slice

javaScript浅拷贝、深拷贝

assign

javaScript浅拷贝、深拷贝

深拷贝

深度拷贝就是把父对象拷贝到子对象上,而且两者的内存和以后的操作都互不影响的拷贝!

1.递归

javaScript浅拷贝、深拷贝

2.借用JSON对象的parse和stringify

javaScript浅拷贝、深拷贝

javaScript浅拷贝、深拷贝

3.JQ的extend方法。

$.extend( [deep ], target, object1 ,[ objectN ] )

deep表示是否深拷贝,为true为深拷贝,为false,则为浅拷贝

target Object类型 目标对象,其他对象的成员属性将被附加到该对象上。

object1 objectN可选。 Object类型 第一个以及第N个被合并的对象

javaScript浅拷贝、深拷贝

javaScript浅拷贝、深拷贝

jQuery.extend()只复制可枚举的属性,不继承原型链,函数复制引用,内部循环引用不处理。而lodash实现的就更为优秀,它实现了结构化克隆算法。


以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持 码农网

查看所有标签

本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们

智能家居:商业模式+案例分析+应用实战

智能家居:商业模式+案例分析+应用实战

陈国嘉 / 人民邮电出版社 / 2016-4 / 49.80元

作为万物互联的关键一环,智能家居的出现和普及已经势不可当,以移动互联网为核心的新技术正在重构智能家居。只有成为智能家居行业的先行者,才能抢占“风口”。 《智能家居:商业模式+案例分析+应用实战》紧扣“智能家居”,从3个方面进行专业、深层次的讲解。首要方面是基础篇,从智能家居的发展现状、产业链、商业分析、抢占入口等方面进行阐述,让读者对智能家居有个初步的认识;第二个方面是技术篇,从智能家居的控......一起来看看 《智能家居:商业模式+案例分析+应用实战》 这本书的介绍吧!

HTML 压缩/解压工具
HTML 压缩/解压工具

在线压缩/解压 HTML 代码

JSON 在线解析
JSON 在线解析

在线 JSON 格式化工具

SHA 加密
SHA 加密

SHA 加密工具