闭包面试题及答案.docxVIP

闭包面试题及答案

一、基础理解题

什么是闭包？请举一个你实际写过的简单例子。

答案：

简单说，闭包就是“内层函数能访问外层函数的变量，哪怕外层函数已经执行完”。比如我做表单验证时，写过判断手机号格式的逻辑，用闭包存过正则表达式（避免重复创建）：

functioncreatePhoneChecker(){

//外层函数的变量：手机号正则（只创建一次）

constphoneReg=/^1[3-9]\d{9}$/;

//内层函数：访问phoneReg

returnfunction(phone){

returnphoneReg.test(phone);

};

}

//外层函数执行完后，checkPhone依然能访问phoneReg

constcheckPhone=createPhoneChecker();

checkPhone;//true

checkPhone(123456);//false

闭包为什么能“记住”外层函数的变量？核心原理是什么？

答案：

核心和“作用域链”、“垃圾回收（GC）”有关。

函数定义时会生成“作用域链”，内层函数的作用域链里会包含外层函数的作用域；

正常情况下，函数执行完后，它的作用域会被GC回收；但如果内层函数被“外部引用”（比如像上题那样返回给全局变量），GC会认为“外层函数的作用域还有用”，就不会回收，所以内层函数能一直访问里面的变量。

二、实际应用题

开发中你用闭包解决过什么问题？举1-2个具体场景。

答案：

最常用的两个场景：

①实现“私有变量”（模拟模块化）：比如写工具类时，不想让某些变量被外部修改。比如我写过一个计数器工具，只暴露“加1”和“查值”的方法，不允许直接改计数：

functioncreateCounter(){

letcount=0;//私有变量，外部改不了

return{

increment(){count++;},

getCount(){returncount;}

};

}

constcounter=createCounter();

counter.increment();

console.log(counter.getCount());//1

counter.count=100;//没用，改的是对象的新属性，不是私有count

②防抖/节流函数：比如监听滚动事件时，用闭包存定时器ID，避免频繁触发。比如滚动加载列表的节流：

functionthrottle(fn,delay){

letlastTime=0;//闭包存上一次执行时间

returnfunction(...args){

constnow=Date.now();

if(now-lastTime=delay){

fn.apply(this,args);

lastTime=now;

}

};

}

//滚动时100ms才执行一次loadData

window.addEventListener(scroll,throttle(loadData,100));

下面代码执行后会输出什么？为什么？（经典循环闭包问题）

for(vari=0;i3;i++){

setTimeout(()={

console.log(i);

},100);

}

答案：

会输出3个3，不是0、1、2。

原因：

var声明的i是“函数作用域”（这里是全局作用域），循环时每次都是改同一个i；

setTimeout是异步的，会等循环结束后才执行回调；

循环结束时i已经变成3了，所以3个回调执行时，访问的都是全局的i（值为3）。

解决办法：用let声明i（块级作用域，每次循环会创建新的i），或者用闭包“锁住”每次的i：

//闭包解决方式

for(vari=0;i3;i++){

(function(j){//用参数j存每次的i

setTimeout(()={

console.log(j);

},100);

})(i);//传当前i进去

}

三、进阶坑点题

闭包会导致内存泄漏吗？什么情况下会？怎么避免？

答案：

正常用闭包不会导致内存泄漏，只有“不当使用”才会。

比如这两种情况会漏：

①闭包引用了大对象/DOM，且长期不释放：比如给DOM绑事件时，闭包引用了整个Vue组件