通过示例看JavaScript的闭包

闭包(closure)，是指词法表示包括不必计算的变量的函数。换句话说，该函数能使用函数外定义的变量。在JavaScript中，使用全局变量是一个简单的闭包实例。

看如下代码

<script>  
var message = "Hello world!";

function sayHello() {
	alert(message);
}

sayHello();
</script>

这段代码中，脚本被载入内存后，并未为函数sayHello() 计算变量message的值。该函数捕获message的值只是为以后使用。也就是说，解释程序知道在调用该函数时要检查message的值，message将在函数调用sayHello() 时被赋值，显示消息“Hello world!”。

在一个函数中定义另一个函数会使闭包变得复杂

<script>  
var baseNum = 3;

function addNums(num1, num2) {
	function doAddition() {
		return num1 + num2 + baseNum;
	}
	
	return doAddition();
}

alert(addNums(1, 2));
</script>

这里，函数addNums() 包括函数doAddition()（闭包）。内部函数是个闭包，因为它将获取外部函数的参数num1 和 num2 以及全局变量baseNum 的值。addNums() 的最后一步调用了内部函数，把两个参数和全局变量相加，并返回它们的和。这里需要注意的是doAddition() 函数根本不接受参数，它使用的值是从执行环境中获取的。

JavaScript的变量作用域有两种，局部和全局。同时，JavaScript中没有代码块的概念，看如下代码

<script>  
if (true) {
	var num1 = 15;
	var num2 = 16;
}

alert(num1 + num2);
</script>

代码中，num1 和 num2 定义在了if 判断块内，但是由于JavaScript中没有块的概念，所以在alert(num1 + num2) 时，是可以正常读取到这两个变量的值。

经上示例和代码，可以简单理解闭包为函数内部可以直接读取函数外变量和全局变量的语法功能。

通过示例看JavaScript的闭包

猜你喜欢