AI智能
改变未来

对js 闭包的理解


概念

闭包是指有权访问另外一个函数作用域中的变量的函数。即在函数内部定义一个函数,使内部函数能够访问外部函数的变量

优点

可以创建私有变量(定义全局变量容易造成变量污染)
让变量始终保存在内存中

缺点

由于闭包常驻在内存中,如果处理不当,容易造成IE内存泄露,降低程序性能

例子

定义一个count=0,一个函数add()。要求每执行一次add,count的值就加一。
首先我们将count定义为全局变量,很容易完成上述要求

let count=0function add(){count++console.log(count)}add() // 1add() // 2

但是全局变量有可能带来变量污染的问题,使用闭包就可以解决这个问题。

function add(){let count=0return function(){count++console.log(count)}}let a=add()a() //1a() //2

使用场景

函数防抖,将定时器用闭包保存

<style>.ab {height: 200px;background-color: blue;line-height: 200px;text-align: center;color: white;font-size: 60px;}</style><div  class=\"ab\"></div><script>function doSomething() {ab.innerHTML = ++count}function debounce(func, wait) {let timerreturn function () {clearTimeout(timer)timer = setTimeout(func, wait)}}let count = 0let ab = document.querySelector(\'.ab\')ab.innerHTML=countab.onmousemove = debounce(doSomething, 1000)</script>
赞(0) 打赏
未经允许不得转载:爱站程序员基地 » 对js 闭包的理解