理解js回收机制通俗易懂版

网络编程 2024/11/21 佚名

3 2 1

无为清净楼资源网 Design By www.qnjia.com

之前文章中，讲解过js中的回收机制，但是对于当时的我来说，我自己对回收机制的这个概念也有些懵懵懂懂，现在对回收机制有了更深入的理解，所以特此发布此文给于总结，也好加深记忆。
为什么要有回收机制？why？

打个比方，我有一个内存卡，这个内存是8G的，我把文件，视频，音乐，都保存到了这个内存卡，随着我的储存的内容越来越多，这个内存卡已经保存不了了，如果我还想再把其他的文件保存到这个内存卡就需要删除一些文件，但是这些被删除的文件是我们自己手动删除的对吧，手动删除就相当于js中的delete。

在这些程序语言中同样也会出现这些问题，对，内存！我们声明的任何变量都需要消耗内存，这些变量越多运行的速度也会越慢。当然不只是变量，代码中的任何东西。这些语言的设计者为了解决这些问题，设计了一套代码的回收规则。

代码回收规则如下：

　　　　1.全局变量不会被回收。

　　　　2.局部变量会被回收，也就是函数一旦运行完以后，函数内部的东西都会被销毁。

　　　　3.只要被另外一个作用域所引用就不会被回收

我用几个例子来证明这些。

function a(){
 var user = "追梦子";
 return user;
}
var b = a();
console.log(b); //追梦子

　　按理说我是不能访问函数a里面的变量的，但是我通过全局变量b接收了这个函数a return过后的值，于是最后这段代码就成了下面这样。

function a(){
 var user = "追梦子";
 return user;
}
var b = "追梦子";
console.log(b);

好像这并看不出什么代码回收，那么我们看接下来的一段代码。

function a(){
 var num = 0;
 return function(){
  num ++;
  console.log(num);
 };
}
var b = a();
b(); //1
b(); //2
b(); //3

　　看到了吧，如果按照正常的做法，那么输出的应该是3次1次对，因为函数体一旦运行那么这个函数体内的代码就会被清空，既然会被清空那么下次运行这段代码的时候num应该还是1，但是这里情况有些不同，我上面说过函数中的局部变量只要被另外一个作用域所引用那么这段代码就不会被销毁。

　　上面的代码就像这样

function a(){
 var num = 0;
 return function(){
  num ++;
  console.log(num);
 };
}
var b = function(){
  num ++;
  console.log(num);
 };
b();
b();
b();

那么被函数a返回的那个匿名函数的作用域由函数a转向了window，由于这个匿名函数被全局变量b引用所以不会被销毁。

function a(){
 var num = 0;
 return function(){
  num ++;
  console.log(num);
 };
}
var b = {
 fn:a()
}
b.fn(); //1
b.fn(); //2
b.fn(); //3

同样可以，因为匿名函数被对象b的属性fn引用，改变了它的作用域，简单来说只要一个函数或者局部变量被改变作用域那么这个函数或者局部变量就不会被销毁。
以上就是本文的全部内容，希望大家对js回收机制有所帮助。

js,回收机制

标签：

js,回收机制

无为清净楼资源网 Design By www.qnjia.com

广告合作：本站广告合作请联系QQ：858582 申请时备注：广告合作（否则不回）
免责声明：本站文章均来自网站采集或用户投稿，网站不提供任何软件下载或自行开发的软件！如有用户或公司发现本站内容信息存在侵权行为，请邮件告知！ 858582#qq.com

无为清净楼资源网 Design By www.qnjia.com

评论“理解js回收机制通俗易懂版”

暂无评论...

P70系列延期，华为新旗舰将在下月发布

3月20日消息，近期博主@数码闲聊站透露，原定三月份发布的华为新旗舰P70系列延期发布，预计4月份上市。

而博主@定焦数码爆料，华为的P70系列在定位上已经超过了Mate60，成为了重要的旗舰系列之一。它肩负着重返影像领域顶尖的使命。那么这次P70会带来哪些令人惊艳的创新呢？
根据目前爆料的消息来看，华为P70系列将推出三个版本，其中P70和P70 Pro采用了三角形的摄像头模组设计，而P70 Art则采用了与上一代P60 Art相似的不规则形状设计。这样的外观是否好看见仁见智，但辨识度绝对拉满。

更新日志

2024年11月21日

理解js回收机制通俗易懂版

js,回收机制

jquery trigger函数执行两次的解决方法

jquery trigger实现联动的方法

评论“理解js回收机制通俗易懂版”

P70系列延期，华为新旗舰将在下月发布

更新日志

友情链接