JS闭包原理及其使用场景解析
更新时间：2020年12月03日 09:31:07 作者：爱折腾的王先生
这篇文章主要介绍了JS闭包原理及其使用场景解析,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
闭包定义
可以通过内层函数访问外层函数的作用域的组合叫做闭包。
闭包使用场景
使用闭包来实现防抖
function debounce(callback, time) {
var timer;
return function () {
if (timer) {
clearTimeout(timer)
}
timer = setTimeout(() => {
callback()
}, time)
}
}<br data-filtered="filtered"><br data-filtered="filtered">window.onresize = debounce(() => {console.log(666)},500)
使用闭包设计单例模式
class Car{
constructor(color){
this.color = color
}
}
var proxy = (function createCar() {
var instance;
return function (color) {
if (!instance) {
instance = new Car(color)
}
return instance
}
})()
var car = proxy('white')
使用闭包遍历取索引值（古老的问题）
for (var i = 0; i < 10; i++) {
setTimeout(function(){console.log(i)},0) //10个10
}
for (var i = 0; i < 10; i++) {
(function(j){
setTimeout(function(){console.log(j)},0) // 0 - 9
})(i)
}
闭包性能
因为闭包会使外层函数作用域中的变量被保存在内存中不被回收，所以如果滥用闭包就会导致性能问题，谨记。
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。
相关文章
这篇文章主要为大家详细介绍了js模拟实现F11使页面全屏显示，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2019-09-09
本文主要介绍了JS实现复制内容到剪贴板功能的步骤方法，可兼容所有PC浏览器，不兼容手机端。具有一定的参考价值，下面跟着小编一起来看下吧2017-02-02
下面小编就为大家带来一篇基于复选框demo(分享)。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-09-09
实例分析JS中的相等性判断===、 ==和Object.is()
这篇文章主要给大家介绍了关于JS中相等性判断===、 ==和Object.is()的相关资料，文中通过示例代码介绍的非常详细，对大家学习或者使用JS具有一定的参考学习价值，需要的朋友们下面来一起学习学习吧2019-11-11
html代码调试脚本...2006-07-07
小程序获取用户信息的两种方法详解(getUserProfile和头像昵称填写)
小程序获取用户信息这部分其实不难,但是,他有点麻烦,下面这篇文章主要给大家介绍了关于小程序获取用户信息的两种方法,主要使用的是getUserProfile和头像昵称填写这两种方法,文中通过实例代码介绍的非常详细,需要的朋友可以参考下2022-08-08
下面小编就为大家带来一篇js 提交form表单和设置form表单请求路径的实现方法。2016-10-10
Jquery Autocomplete 结合asp.net使用要点
Jquery的Autocomplete是一个很好的智能提示插件，但是在实际使用过程中还是会遇到一些小问题.2010-10-10
JS实现获取图片大小和预览的方法完整实例【兼容IE和其它浏览器】
这篇文章主要介绍了JS实现获取图片大小和预览的方法,结合完整实例形式分析了javascript针对不同浏览器处理图片上传与预览等操作的相关实现技巧,需要的朋友可以参考下2017-04-04
这篇文章主要介绍了 JavaScript 数据结构之散列表的创建，文章围绕主题相关内容展开详细的介绍，需要的小伙伴可以参考一下2022-04-04
最新评论