大连个人做网站,蜂鸟 网站建设,苏州知名互联网公司,苏州优化外包一、定义
一句话概括闭包#xff1a;能够访问函数内部变量的函数与这个变量的组合构成了闭包结构。如下代码 function fuc1(){let num 999return function fuc2(){console.log(num)}}fuc1()();
如代码所示#xff0c;fuc2和父级变量num构成了一个闭包环境。
二、原理
子…一、定义
一句话概括闭包能够访问函数内部变量的函数与这个变量的组合构成了闭包结构。如下代码 function fuc1(){let num 999return function fuc2(){console.log(num)}}fuc1()();
如代码所示fuc2和父级变量num构成了一个闭包环境。
二、原理
子函数引用了父函数中的变量导致父函数中的变量不能被垃圾回收机制清除。
三、应用场景
1、变量私有化防止变量被污染。
var Counter (function () {var privateCounter 0;function changeBy(val) {privateCounter val;}return {increment: function () {changeBy(1);},decrement: function () {changeBy(-1);},value: function () {return privateCounter;},};
})();console.log(Counter.value()); /* logs 0 */
Counter.increment();
Counter.increment();
console.log(Counter.value()); /* logs 2 */
Counter.decrement();
console.log(Counter.value()); /* logs 1 */
2、函数防抖 let inp document.querySelector(input)function fun() {console.log(this.value)}inp.oninput debounce(fun, 3000)function debounce(fun,delay) {let t nullconsole.log(闭包父级变量T----,t)return function () {console.log(t,----每次触发input事件t的值)if (t) {console.log(t,清除定时器的值)clearTimeout(t) //每一次触发事件都要先清除定时器然后再重新设置定时器}t setTimeout(() {fun.call(this)console.log(t,setTimeout内)}, delay);}}
四、缺点
父级函数的变量会永久存放在内存中除非手动清除否则容易造成内存泄露。
