作用域
作用域：变量可以起作用的范围
全局变量和局部变量
- 全局变量
在任何地方都可以访问到的变量就是全局变量，对应全局作用域
- 局部变量
只在固定的代码片段内可访问到的变量，最常见的例如函数内部。对应局部作用域(函数作用域)
不使用var声明的变量是全局变量，不推荐使用。 变量退出作用域之后会销毁，全局变量关闭网页或浏览器才会销毁
块级作用域
任何一对花括号（｛和｝）中的语句集都属于一个块，在这之中定义的所有变量在代码块外都是不可见的，我们称之为块级作用域。
在es5之前没有块级作用域的的概念,只有函数作用域，现阶段可以认为JavaScript没有块级作用域
词法作用域
变量的作用域是在定义时决定而不是执行时决定，也就是说词法作用域取决于源码，通过静态分析就能确定，因此词法作用域也叫做静态作用域。
在 js 中词法作用域规则:
- 函数允许访问函数外的数据.
- 整个代码结构中只有函数可以限定作用域.
- 作用域规则首先使用提升规则分析
- 如果当前作用规则中有名字了, 就不考虑外面的名字
var num = 123; function foo() { console.log( num ); } foo(); if ( false ) { var num = 123; } console.log( num ); // undefiend
作用域链
只有函数可以制造作用域结构， 那么只要是代码，就至少有一个作用域, 即全局作用域。凡是代码中有函数，那么这个函数就构成另一个作用域。如果函数中还有函数，那么在这个作用域中就又可以诞生一个作用域。
将这样的所有的作用域列出来，可以有一个结构: 函数内指向函数外的链式结构。就称作作用域链。
// 案例1： function f1() { function f2() { } } var num = 456; function f3() { function f4() { } }
// 案例2 function f1() { var num = 123; function f2() { console.log( num ); } f2(); } var num = 456; f1();
代码示例
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>$永远的24k纯帅$</title> <script> var num=10; function f1() { var num=20; function f2() { var num=30; function f3() { //var num=50; console.log(num); } f3(); } f2(); } f1(); </script> </head> <body> </body> </html>
总结
* 全局变量:声明的变量是使用var声明的,那么这个变量就是全局变量,全局变量可以在页面的任何位置使用 * 除了函数以外,其他的任何位置定义的变量都是全局变量 * 局部变量:在函数内部定义的变量,是局部变量,外面不能使用 * 全局变量,如果页面不关闭,那么就不会释放,就会占空间,消耗内存 * * 全局作用域:全局变量的使用范围 * 局部作用域:局部变量的使用范围 * * 块级作用域:一对大括号就可以看成是一块,在这块区域中定义的变量,只能在这个区域中使用,但是在js中在这个块级作用域中定义的变量,外面也能使用; * 说明:js没有块级作用域,只有函数除外 * * 隐式全局变量:声明的变量没有var,就叫隐式全局变量 * 全局变量是不能被删除的,隐式全局变量是可以被删除的 * 定义变量使用var是不会被删除的,没有var是可以删除的
