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; //声 ...
随机推荐
- 计算机网络之tcp四次挥手
TCP的四次挥手(Four-Way Wavehand)1.前言对于"三次握手"我们耳熟能详,因为其相对的简单.但是,我们却不常听见“四次挥手”,就算听过也未必能详细地说明白它的具体 ...
- Hystrix入门教程
Hystrix入门教程 一·什么是Hystrix?Hystrix有什么作用?使用Hystrix有哪些适用场景 Hystrix是springCloud的组件之一,Hystrix 可以让我们在分布式系统中 ...
- 报错Connection refused: connect
版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明.本文链接:https://blog.csdn.net/qq_34266804/article/d ...
- JS中style.display和style.visibility的区别
在JS中可以通过设置style.display或者style.visibility属性来控制元素是否显示,在style.display=block和style.visibility=visible的时 ...
- 超简单集成ML kit 实现听写单词播报
背景 相信我们大家在刚开始学习一门语言的时候都有过听写,现在的小学生学语文的时候一项重要的课后作业就是听写课文中的生词,很多家长们都有这方面的经历.不过一方面这种读单词的动作相对简单,另一方面家长 ...
- 听说你还不知道CompletableFuture?
java8已经在日常开发编码中非常普遍了,掌握运用好它可以在开发中运用几行精简代码就可以完成所需功能.今天将介绍CompletableFuture的在生产环境如何使用实践.CompletableFut ...
- 关于ganymed-ssh2版本262和build210的SCPClient类的区别
ganymed-ssh2是通过java使用ssh连接服务器的工具库,先上两个版本的pom文件配置: <!--ssh连接linux--> <!-- https://mvnreposit ...
- BUUCTF-Misc-No.2
比赛信息 比赛地址:Buuctf靶场 [GUET-CTF2019]虚假的压缩包 | SOLVED 解压文件夹,发现2个zip,第一个伪加密,破解后 n=33 e=3 m=0 while m<10 ...
- MYSQL 之 JDBC(十三):处理事务
所谓事务是指:一组逻辑操作单元,使数据从一种状态变换到另一种状态. 事务的ACID属性 原子性,Atomicity:事务是一个不可分割的工作单位,事务中的操作要么都发生,要么都不发生. 一致性,Con ...
- flask 源码专题(九):flask扩展点
1. 信号(源码) 信号,是在flask框架中为我们预留的钩子,让我们可以进行一些自定义操作. pip3 install blinker 2. 根据flask项目的请求流程来进行设置扩展点 中间件 # ...