目标
- 能够说出JavaScript的两种作用域
- 能够区分全局变量和局部变量
- 能够说出如何在作用域链中查找变量的值
目录
- 作用域
- 变量的作用域
- 作用域链
1.作用域
1.1 JavaScript作用域
代码名称在某个范围内起作用和效果，目的是为了提高程序的可靠性，更重要的是减少命名冲突。
1.2 JS的作用域（es6）之前
-
全局作用域：整个script标签 或者是一个单独的js文件
-
局部作用域（函数作用域）：在函数内部就是局部作用域。（这个代码名称只在函数内部起效果和作用）
在现阶段的js中，没有块级作用域，在es6中有新增块级作用域。
2.变量的作用域
2.1 变量作用域的分类
在JavaScript中，根据作用域的不同，变量可以分为两种：
- 全局变量：在全局作用域下的变量，在全局下都可以使用。 注意： 如果一个变量没有声明直接赋值，即使它在函数内部也属于全局变量。
function fn() {
var num1 = 10;//num1为局部变量
num2 = 20；//num2为全局变量
}
-
局部变量：在局部作用域下的变量，或者在函数内部的变量就是局部变量。 注意： 函数的形参也可以看作局部变量。
-
从执行效率来看全局变量和局部变量
- 全局变量只有关闭浏览器的时候才会销毁，比较占内存资源
- 局部变量，当程序执行完毕就会销毁，比较节约内存资源
2.2 全局变量
在全局作用域下声明的变量叫做全局变量（在函数外部定义的变量）。
- 全局变量之前代码的任何位置都可以使用
- 在全局作用域下var声明的变量是全局变量
- 特殊情况下，在函数内不使用var声明的变量也是全局变量（不建议使用）
2.3 局部变量
在局部作用域下声明的变量叫做局部变量（在函数内部定义的变量）
- 局部变量只能在函数内部使用
- 在函数内部var声明的变量是局部变量
- 函数的形参实际上就是局部变量
2.4 全局变量和局部变量的区别
- 全局变量：在任何一个地方都可以使用，只有在浏览器关闭时才会被销毁，因此比较占内存。
- 局部变量：只在函数内部使用，当其所在的代码块被执行时，会被初始化；当代码块运行结束后，就会被销毁，因此更省内存空间
3. 作用域链
- 只要是代码，就至少有一个作用域
- 写在函数内部的局部作用域
- 如果函数中还有函数，那么在这个作用域中就又可以诞生一个作用域
- 根据内部函数可以访问外部函数的机制，可以用链式查找决定哪些数据能被内部函数访问，就称作作用域链 就近原则
例
var num = 10;
function fn() {
var num = 20;
function fun() {
console.log(num);
}
fun();
}
fn();
结果为 20
