javascript——嵌套函数作用域

时间:2022-06-01 12:37:01
javascript——嵌套函数作用域

javascript作用域

我们知道,js中有三个作用域,分别是block scope(块作用域),function scope(函数作用域),globle scope(全局作用域);

今天我们来看看什么是嵌套函数作用域

嵌套函数作用域

let a = 10;
function outer() {
	let b = 20;
	function inner() {
		let c = 30;
		console.log(a,b,c);
	}
	inner();
}
outer();
// 10 20 30

我们来分析一下,在outer()函数内部定义了一个 inner()函数。在执行outer()函数的时候,会执行inner()函数,这个时候在打印a变量的时候,js引擎会在当前的函数作用域(inner函数)中查找是否有a变量,如果没有,引擎会继续在上级函数(outer函数)中查找,此时任然没有,那么就在全局作用域查找,此时有值,因此就打印出a的值,如果此时还没有值,就打印出undefined。同样的道理对于b和c都是如此。

 

闭包(closure)

我们先看看闭包的定义:

A closure is the combination of a function bundled together (enclosed) with references to its surrounding state (the lexical environment). In other words, a closure gives you access to an outer function's scope from an inner function. In JavaScript, closures are created every time a function is created, at function creation time.

这个定义记住关键一点,它是在运行时产生的,一定是在函数创建时刻才有闭包

function outer() {
	let counter = 0;
	function inner() {
		counter++;
		console.log(counter);
	}
	inner();
}
outer();
outer();
// 1 1 
function outer() {
	let counter = 0;
	function inner() {
		counter++;
		console.log(counter);
	}
	return inner;
}
let fn = outer();
fn();
fn();
// 1 2 

理解了上面两个例子的区别,您就理解了闭包,

1、闭包一定是在函数创建时候生成的。

2、闭包可以产生私有变量。