提供了编程的基础技术教程

zl程序教程

您现在的位置是：首页 >  Javascript

当前栏目

前端面试 【JavaScript】— 闭包有哪些表现形式?

JavaScript 前端 面试
2023-03-15 22:05:04 时间

在真实的场景中，究竟在哪些地方能体现闭包的存在？

1. 返回一个函数；

function f1() {
  var a=2;
  return function f2() {
    console.log(a);
    //2  
  };
};
var num=f1();
num();

2. 作为函数参数传递；

var a = 1;
function f1() {
  var a = 2;
  function f2() {
    console.log(a);
  };
  f3(f2);
};
function f3(fn) {
  fn();
};
f1();
// 2

3. 在定时器、事件监听、Ajax请求、跨窗口通信、Web Workers或者任何异步中，只要使用了回调函数，实际上就是在使用闭包；

以下的闭包保存的仅仅是window和当前作用域：

// 定时器
setTimeout(function timeHandler(){
  console.log('定时器');
},100);

// 事件监听
$('#app').click(function(){
  console.log('事件监听');
});

4. IIFE（立即执行函数表达式）创建闭包，保存了全局作用域 window 和 当前函数 的作用域，因此可以使用全局的变量。

var a=2;
(function IIFE(){
  console.log(a);
  // 2
})();

相关文章