分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 技术分享

js中浅复制跟深复制的简单实现

发布时间:2023-09-06 01:25责任编辑:林大明关键词:js

深复制是在堆中新开辟一块内存地址用于存放复制的对象,新旧对象之间没有影响。

浅复制仅仅是指向被复制的内存地址,如果原地址的对象被改变里,那么浅复制出来的对象也会随之改变。

浅复制的实现

function shallowClone(obj) { ???var objClone = {}; ???for (var i in obj) { ???????objClone[i] = obj[i] ????} ???return objClone;}var obj = { ???name: ‘a‘, ???say: function () { ???????console.log(‘hi~‘); ???}}var cloneObj = shallowClone(obj);console.log(cloneObj.name);console.log(cloneObj.say());

深复制的实现

function deepClone(obj, objClone) { ???var tempObj = objClone || {}; ???for(var i in obj) { ???????var prop = obj[i];  ????//避免相互引用的对象导致死循环的情况,则应该在遍历的时候判断是否相互引用对象,如果是则退出循环。 ???????if(prop === obj) { ???????????continue; ???????} ???????if(typeof obj[i] === ‘object‘) { ???????????tempObj[i] = (prop.constructor === Array) ? [] : {}; ???????????arguments.callee(prop, tempObj[i]) ; ???????} else { ???????????tempObj[i] = obj[i]; ???????} ???} ???return tempObj;}var obj1 = {};var obj2 = { name: ‘a‘};deepClone(obj2, obj1);console.log(obj1.name);

js中浅复制跟深复制的简单实现

原文地址:http://www.cnblogs.com/AChen03/p/7863010.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved