javascript中的堆栈、深拷贝和浅拷贝、闭包
- 堆栈
- 在javascript中,堆内存是用来存放引用类型的空间环境
- 而栈内存,是存储基本类型和指定代码的环境
- 在对象中的属性名具有唯一性,数字属性名=字符串属性名,但是在测试的时候你会发现,好像所有属性名都会自动转换成字符串,但事实却不是这样,Symbol就是最好的证明。
let a={}
let b=Symbol("1");
let c=Symbol("1")
a[b]=123;
a[c]=123456;
console.log(a[b]);
console.log(a);
- 克隆拷贝:基本都是对于对象或数组而言,以多维对象为例子,也就是对象嵌套对象
- 浅拷贝
- 只拷贝第一层:对于多重嵌套的对象来说,浅拷贝的意思就是指拷贝第一层,也就是因为对象名只是指向对象再堆中的地址,浅拷贝只是把地址复制一份,而不是重新开辟内存空间。
let obj1={name:"chengjunfeng",
age:18,
love:{
gril:"Mary",
sport:"run",
Mary:{
age:20,
love:"sing"
}
}
}
function copy(obj){
let obj2={};
for(let key in obj){//只拷贝第一层
if(!obj.hasOwnProperty(key)) break;//不需要拷贝私有的
obj2[key]=obj[key];
}
return obj2;
}
let obj3=copy(obj1);
console.log(obj1);
console.log(obj3);
//当我修改obj3.love.gril的时候,obj1也会变,
obj3.love.gril="Li";
console.log(obj3.love.gril);
console.log(obj1.love.gril); //使用ES6中的解构对象也可以直接实现浅拷贝
let obj4={...obj1};
console.log(obj4);
- 深拷贝:把对象中的每一层都进行拷贝,可以采用递归的思路
let obj1={name:"chengjunfeng",
age:18,
love:{
gril:"Mary",
sport:"run",
Mary:{
age:20,
love:"sing"
}
}
}
function deepcopy(obj){
// 递归终止条件
if(typeof obj !=='object') return obj;
if(obj===null) return null;
if(obj instanceof RegExp) return new RegExp(obj);
if(obj instanceof Date) return new Date(obj);
let obj2={};
for(let key in obj){
if(obj.hasOwnProperty(key))
obj2[key]=deepcopy(obj[key]);
}
return obj2;
}
let obj3=deepcopy(obj1);
console.log(obj1);
console.log(obj3);
//当我修改obj3.love.gril的时候,obj1的不会变,
obj3.love.gril="Liiii";
console.log(obj3.love.gril);
console.log(obj1.love.gril); //也可使用JSON进行转换;但是JSON.stringify对于日期函数正则会出错
let obj4=JSON.parse(JSON.stringify(obj1))
console.log(obj4);
- 浅拷贝
- 闭包
- 闭包是指有权访问另一个函数作用域中的变量的函数。创建闭包的常见方式,就是在一个函数1内部创建另一个函数2,函数2就有权访问函数1的变量,在本质上,闭包就是将函数内部和函数外部连接起来的一座桥梁。
- 闭包会携带包含它的函数的作用域,因此会比其他函数占用更多的内存。
javascript中的堆栈、深拷贝和浅拷贝、闭包的更多相关文章
- 探究JS中对象的深拷贝和浅拷贝
深拷贝和浅拷贝的区别 在讲深拷贝和浅拷贝的区别之前,回想一下我们平时拷贝一个对象时是怎么操作的?是不是像这样? var testObj1 = {a: 1, b:2}, testObj2=testObj ...
- PHP中对象的深拷贝与浅拷贝
先说一下深拷贝和浅拷贝通俗理解 深拷贝:赋值时值完全复制,完全的copy,对其中一个作出改变,不会影响另一个 浅拷贝:赋值时,引用赋值,相当于取了一个别名.对其中一个修改,会影响另一个 PHP中, = ...
- js 中引用类型 的深拷贝 和 浅拷贝的区别
一.曾经在读JQ源码的时候,对深拷贝算是有了一点的理解.我们在项目中是不是经常会遇到这样的问题呢? 后台返回一个数组对象(引用类型).次数在页面渲染中需要对部分数据进行处理 比如:银行卡6234509 ...
- 谈谈java中对象的深拷贝与浅拷贝
知识点:java中关于Object.clone方法,对象的深拷贝与浅拷贝 引言: 在一些场景中,我们需要获取到一个对象的拷贝,这时候就可以用java中的Object.clone方法进行对象的复制,得到 ...
- Python中复制、深拷贝和浅拷贝的区别
深拷贝定义(deepcopy) 在Python中,由于一切皆对象,所以任何变量都可以被引用,也即可以被赋值给任何变量.但是在Python中,给变量赋值,是区分的,一般情况下,Python中的变量赋值都 ...
- javascript中数组的深拷贝的方法
一.什么是浅拷贝 在js当中,我们常常遇到数组复制的的情况,许多人一般都会使用"="来直接把一个数组赋值给一个变量,如 var a=[1,2,3]; var b=a; consol ...
- Python中什么是深拷贝和浅拷贝且有什么区别
浅拷贝: >>> a = [1, 2, 3] >>> b = a >>> a [1, 2, 3] >>> b [1, 2, 3] ...
- 在js中如何区分深拷贝与浅拷贝?
一.自我理解 简单来讲就是:深拷贝层层拷贝,浅拷贝只拷贝第一层. 在深拷贝中,新对象中的更改不会影响原对象,而在浅拷贝中,新对象中的更改,原对象中也会跟着改. 在深拷贝中,原对象与新对象不共享相同的属 ...
- 睡不着,复习一下C++基础中的基础(深拷贝与浅拷贝)
#include <iostream> #include <string> #include <assert.h> using namespace std; //声 ...
随机推荐
- Python3-内置类型-集合类型
Python3中的集合类型主要有两种 set 可变集合 可添加和删除元素,它是不可哈希的,因此set对象不能用作字典的键或另一个元素的集合 forzenset 不可变集合 正好与set相反,其内容创建 ...
- 入门大数据---Flink核心概念综述
一.Flink 简介 Apache Flink 诞生于柏林工业大学的一个研究性项目,原名 StratoSphere .2014 年,由 StratoSphere 项目孵化出 Flink,并于同年捐赠 ...
- xxl-job搭建、部署、SpringBoot集成xxl-job
一.搭建xxl-job 1.下载xxl-job代码 码云地址:https://gitee.com/xuxueli0323/xxl-job gitHub地址:https://github.com/xux ...
- 如何在Vim中更改颜色和主题
大家好,我是良许. Vim是我们在Linux中非常常用的一款文本编辑器.Vim 是一款免费.开源的文本编辑器,它的功能和许多其他的文本编辑器大致相同,比如 Sublime 和 Notepad++ .V ...
- Buy a Ticket 【最短路】
题目 Musicians of a popular band "Flayer" have announced that they are going to "make t ...
- [SCOI2016]背单词 题解
背单词 https://www.luogu.com.cn/problem/P3294 前言: Trie树的省选题(瑟瑟发抖QAQ) 问题汇总:(请忽略) (1)对Trie字典树的运用不熟练 (2)没想 ...
- apache frpClien操作报错解决
#打开配置文件vim /etc/vsftpd/vsftpd.conf #修改配置100行chroot_local_user=NO
- cat快速查找文件内指定信息
cat log.txt | grep "ERROR" | more 查找 log.txt 文件内 包含 “ERROR” 的信息,分屏显示
- Guava RateLimiter限流器使用示例
Guava中的RateLimiter可以限制单进程中某个方法的速率,本文主要介绍如何使用,实现原理请参考文档:推荐:超详细的Guava RateLimiter限流原理解析和推荐:RateLimiter ...
- 移动端H5页面_input获取焦点时,虚拟键盘挡住input输入框解决方法
在移动端h5开发的时候,发现如果input在页面底部,当触发input焦点的时候会弹出系统虚拟键盘,虚拟键盘会遮挡input输入框.这会很影响用户体验,于是在网上找到了如下的解决办法: 方法一:使用w ...