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

网络编程 2024/11/19 佚名

3 1 2

之前文章中，讲解过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,回收机制

华山资源网 Design By www.eoogi.com

广告合作：本站广告合作请联系QQ：858582 申请时备注：广告合作（否则不回）
免责声明：本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除！

华山资源网 Design By www.eoogi.com

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

暂无评论...

www.eoogi.com 华山资源网

120,135影音资源

344,641技术资源

22,817软件资源

435,032站长资源

稳了！魔兽国服回归的3条重磅消息！官宣时间再确认！

昨天有一位朋友在大神群里分享，自己亚服账号被封号之后居然弹出了国服的封号信息对话框。

这里面让他访问的是一个国服的战网网址，com.cn和后面的zh都非常明白地表明这就是国服战网。
而他在复制这个网址并且进行登录之后，确实是网易的网址，也就是我们熟悉的停服之后国服发布的暴雪游戏产品运营到期开放退款的说明。这是一件比较奇怪的事情，因为以前都没有出现这样的情况，现在突然提示跳转到国服战网的网址，是不是说明了简体中文客户端已经开始进行更新了呢？

更新日志

2024年11月19日

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

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

jquery trigger实现联动的方法

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

稳了！魔兽国服回归的3条重磅消息！官宣时间再确认！

更新日志

友情链接