‍JS基础 5 作用域

一、作用域

• 一段程序代码中所用到的名字并不总是有效和可用的，而限定这个名字的可用性的代码范围就是这个名字的作用域
• 作用域的使用提高了程序逻辑的局部性，增强了程序的可靠性，减少了名字冲突

全局作用域
整个script标签，或者是一个单独的js文件

局部作用域（函数作用域）
在函数内部就是局部作用域，只在函数的内部起效果

二、变量的作用域

1.全局变量

• 全局变量在代码的任何位置都可以使用
• 在全局作用域下 var 声明的变量 是全局变量
• 特殊情况下，在函数内不使用 var 声明的变量也是全局变量（不建议使用)

2.局部变量

• 局部变量只能在该函数内部使用
• 在函数内部 var 声明的变量是局部变量
• 函数的 形参 实际上就是局部变量

三、作用域链

内部函数访问外部函数的变量，采取的是链式查找的方式来决定取哪个值，这种结构我们就叫作用域链（采取就近原则）

var num = 10;
function fn() { // 外部函数
	var num = 20;

	function fun() { // 内部函数
		console.log(num);
	}
	fun();
}
fn(); // 20

四、预解析

JavaScript 代码的时候分为两步：预解析 和 代码执行

• 预解析：在当前作用域下, JS 代码执行之前，浏览器会默认把带有 var 和 function 声明的变量在内存中进行提前声明或者定义
• 代码执行： 从上到下执行JS语句