《你不知道的JS》笔记--作用域-优快云博客

本文深入探讨了JavaScript中的作用域概念，包括词法作用域、函数与块级作用域，以及闭包的实现机制。通过实例展示了闭包如何在词法作用域外部记住并访问其原始作用域。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

一、关于报错

referenceError：在作用域中找不到该变量；

TypeError：作用域解析成功，但是对其结果进行了一个非法或者不可能的动作。

二、程序编译的过程

从词法分析说起
词法分析：将一连串字符打断成（对于语言来说）有意义的片段，称为 token（记号），分词器去调用有状态的解析规则来弄清片段a是否应当被考虑为一个不同的 token，还是只是其他 token 的一部分。
解析，生成抽象语法树
代码生成，将抽象语法树转换为可执行的代码

三、词法作用域

编译器的词法分析阶段实质上是了解所有标识符如何声明以及声明的位置，并预测如何查询它们。“eval（...）”和“with”的作用机制可以“欺骗”词法作用域，慎用！

四、函数和块儿作用域

1.函数是最常见的作用域单位

2.变量和函数可以属于任意代码块儿（一般来说，就是任意的 { .. }），而不是仅属于外围的函数。

3.变量和函数声明可以被提升，函数表达式不会

var foo = function() {
	console.log( 2 );
};复制代码

五、闭包

1.闭包是即使当这个函数在它的词法作用域外执行时，函数能够记住并访问它的词法作用域

2.函数可以被作为值传递，例如：

function foo() {
	var a = 2;

	function bar() {
		console.log( a );
	}

	return bar;
}

var baz = foo();

baz(); // 2 -- 哇，闭包！！复制代码

function foo() {
	var a = 2;

	function baz() {
		console.log( a ); // 2
	}

	bar( baz );
}

function bar(fn) {
	fn(); // 看，闭包！
}复制代码

3.无论我们使用什么方法将内部函数传送到它的词法作用域之外，它都将维护一个指向它最开始被声明时的作用域的引用，而且无论我们什么时候执行它，这个闭包就会被行使。

var fn;

function foo() {
	var a = 2;

	function baz() {
		console.log( a );
	}

	fn = baz; // 将`baz`赋值给一个全局变量
}

function bar() {
	fn(); // 看，闭包！
}

foo();

bar(); // 2复制代码