25个优秀个人网站设计模板,视频网站建设成本,教育类小程序开发,wordpress移动页面插件了解闭包的前提必须得了解什么是作用域链。也就是#xff08;一#xff09;的内容。
参考#xff1a; 浏览器工作原理与实践 破解前端面试#xff1a;从闭包说起
闭包
闭包是一个可以访问外部作用域中变量的内部函数#xff0c;因为内部函数引用了外部函数的变量#…了解闭包的前提必须得了解什么是作用域链。也就是一的内容。
参考 浏览器工作原理与实践 破解前端面试从闭包说起
闭包
闭包是一个可以访问外部作用域中变量的内部函数因为内部函数引用了外部函数的变量导致这些变量无法被回收将持久保存在作用域内这就形成了一个闭包。 这些被引用的变量直到闭包被销毁时才会被销毁。 在 JavaScript 中根据词法作用域的规则内部函数总是可以访问其外部函数中声明的变量当通过调用一个外部函数返回一个内部函数后即使该外部函数已经执行结束了但是内部函数引用外部函数的变量依然保存在内存中我们就把这些变量的集合称为闭包。比如外部函数是 foo那么这些变量的集合就称为 foo 函数的闭包。 闭包必须要引用到外部函数的变量如果没有引用到的话外部函数执行完之后JS引擎执行垃圾回收时会认为这个外部函数已经执行完了执行环境中没有变量被正在引用或者使用所以可以销毁。 闭包的回收
如果闭包是一个全局变量页面关闭时它才会被回收如果是局部变量则引用它的函数执行完毕后JS引擎垃圾回收时会将它销毁。 如果这个全局变量的闭包占用了许多内存又以后不再使用的话就会造成内存泄漏该内存空间使用完毕之后未被回收。 因此如果该闭包会一直使用那么它可以作为全局变量而存在但如果使用频率不高而且占用内存又比较大的话那就尽量让它成为一个局部变量。
使用
其实我们经常使用到了闭包却没有发现。 防抖节流setTimeout (function autorun(){let x 1;setTimeout(function log(){console.log(x);}, 10000);
})();变量 x 将一直存活着直到定时器的回调执行或者 clearTimeout() 被调用。 如果这里使用的是 setInterval() 那么变量 x 将一直存活到 clearInterval() 被调用。 DOM节点事件 (function autorun(){let x 1;$(#btn).on(click, function log(){console.log(x);});
})();当变量 x 在事件处理函数中被使用时它将一直存活直到该事件处理函数被移除。 异步事件 Promise (function autorun(){let x 1;fetch(http://).then(function log(){console.log(x);});
})();变量 x 将一直存活到接收到后端返回结果回调函数被执行。
