javascript函数有生存期吗

查看:110
本文介绍了javascript函数有生存期吗的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

问 题

是这样的,当我们说生存期一般指的是变量或者对象,而函数在javascript中作为一个特殊的对象,是否有生存期呢

对此,我分别试着几个例子,略有疑惑,疑惑点写在了注释里:

// --------------------------例子1
(function(){
    var fun = function(){
        console.log("hi");
    };
})();
fun(); // fun is not undefined, 这里我能理解,而
// 我的疑惑在于fun指向的那个函数是否会被回收,
// 因为这个函数已经没有办法再次调用了,连名字都没有

// --------------------------例子2
var div = document.getElementById('mydiv');
div.addEventListener('click', function(){
    console.log("hello");
}, false);

div.removeEventListener('click', function(){
    console.log("hello");
}, false);

// 我想表达的是:当对一个div绑定一个click事件,然后又解绑,像上面的这种匿名函数的方式进行的话,那么这个函数是否会回收,还是一直存在,尽管我们没有办法再用到。


// ------------------例子三

(function(){
    function fun1(){
        ...
    }
    
    function fun2(){
        ...
    }
    
})

执行至此,fun1与fun2还存在吗,我的理解是不存在(即已经回收或等待回收),因为IIFE已经执行完了,IIFE的作用域就没了,同时内部的变量也没了,我这样理解对吗?

另外,如果我在IIFE里面,绑定一个事件,如mydiv.onclick = fun1;那么这个事件好像一直都会存在,这样看来又似乎IIFE内部的变量并没有消失,难道是这也算闭包。

解决方案

我的理解:

  • 至少还存在一个引用的函数(或对象)不会被回收。

  • 不再有任何引用的函数(或对象),可能(至少是可以)被回收。具体要看引擎的实现。

这里的引用可能是用户代码(例如你第一个例子中的匿名函数)、库/框架代码(例如你传给jQuery的函数)、运行时环境(例如你传给setTimeout的回调函数)。

你的第一个例子中:匿名函数被局部变量fn引用,函数退出后,变量fn不可访问,所以它引用的函数可能被回收。

你的第二个例子中:传给addEventListener的函数虽然没有被你自己的代码引用,但是显然被JS运行时环境引用了,所以会一直存在,直到被remove掉。

顺便说一下,你第二个例子有问题:add和remove的不是同一个函数,所以remove无效。

这篇关于javascript函数有生存期吗的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆