闭包(二)

闭包这个神奇的东西,现在的定义已经多到大家不知道怎么理解了,今天我们梳理一下各种版本的定义。

古老定义

闭包,是指函数变量可以保存在函数作用域内,因此看起来是函数将变量包裹起来了。
那这样说来,包含变量的函数就是闭包。

//按照古老定义,包含变量的函数就是闭包。
function foo(){
	var n=0;
}
console.log(n)//Uncaught ReferenceError: n is not defined

定义一

闭包是指可以访问其所在作用域的函数。
那这样说来,需要通过作用域链查找变量的函数就是闭包。

//按照定义一的说法,需要通过作用域链在全局环境中查找变量n的函数foo()就是闭包
var n = 0;
function foo() {
    console.log(n)//0
}
foo();

定义二

闭包是指有权访问另一个函数作用域中的变量的函数
那这样说来,访问上层函数的作用域的内层函数就是闭包。

//按照定义二的说法,嵌套在foo函数里的bar函数就是闭包
function foo(){
    var a = 2;
    function bar(){
        console.log(a); // 2
    }
    bar();
}
foo();

定义三

闭包是指在函数声明时的作用域以外的地方被调用的函数。
在函数声明时的作用域以外的地方调用函数,需要通过将该函数作为返回值或者作为参数被传递。

  • 返回值
//按照定义三的说法,在foo()函数的作用域中声明,在全局环境的作用域中被调用的bar()函数是闭包
function foo(){
	var a=2;
	function bar(){
		console.log(a)//2
	}
	return bar;
}
foo()();

可以简写成如下表示:

function foo(){
 var a=2;
 return function (){
 	console.log(a);//2
 }
}
foo()();
  • 参数
//按照定义三的说法,在foo()函数的作用域中声明,在bar()函数的作用域中被调用的baz()函数是闭包。
function foo(){
	var a=2;
	function baz(fn){
		console.log(a);//2
	}
	bar(baz);
}
function bar(fn){
	fn();
}

因此,无论通过何种手段,只要将内部函数传递到所在的作用域以外,他都会持有对原始作用域的引用,无论在何处执行这个函数都会使用闭包。

IIFE

IIFE是不是闭包?
foo()函数在全局作用域定义,也在全局作用域被立即调用,如果按照定义一的说法来说,他是闭包。如果按照定义二和定义三的说法,他又不是闭包。

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

还有一个重要的原因,在requireJS出现之前,实现模块化编程主要通过IIFE,而在IIFE中常见的操作就是window.fn=fn来暴露接口,而这个fn就是闭包,而IIFE只是另一个包含闭包的函数调用。

(function(){
    var a = 0;
    function fn(){
        console.log(a); 
    }
    window.fn = fn;
})()
fn();

最后:
严格来说, 闭包需要满足三个条件,

  • 访问所在作用域
  • 函数嵌套
  • 在所在作用域外被调用
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值