javascript中作用域、全局作用域、局部作用域、隐式全局变量、块级作用域、作用域链、预解析

作用域

作用域指的是代码的作用范围，按照作用域划分变量可分为全局变量和局部变量；作用域可分为：

全局作用域：

指全局变量作用的范围；全局变量指的是通过var在函数外面声明的变量，在js中任何位置都可以使用；但是在函数中通过var定义的变量，在函数外面是不可以使用的，也是局部变量；如果页面不关闭，内存就一直被占用，不能被 delete删除。

	<script>var num = 10;console.log(num); //10delete num;</script><script>console.log(num); //10</script>

局部作用局：

指局部变量的作用范围。局部变量指在函数中申明的变量，函数外面是不能访问到的，当函数执行完后，内存就会被释放。

	<script>function f1() {var str = '函数中的字符串';console.log(str);};f1(); //函数中的字符串console.log('函数外面调用局部变量：' + str); //Uncaught ReferenceError: str is not defined at test.html:18</script>

隐式全局变量：

指的是不通过关键字声明的变量，函数中的隐式全局变量在外面也是能访问到的，函数执行完，内存不会释放；可以被delete删除，隐式全局变量在变量出现前使用会报错。

	<script>function f1() {str = '函数中的字符串';// delete str;//可以被删除console.log(str);};f1(); //函数中的字符串console.log('函数外面调用局部变量：' + str); //函数外面调用局部变量：函数中的字符串console.log(b); //报错function f1() {b = 5;};f1();console.log(b); //5,如果函数不调用还是会报错</script>

块级作用域：

指一对{ }里面区域，块级作用域里面声明的变量只能在这个块级作用域使用，但是es5js中没有块级作用域，es6中有块级作用域因此js中在{}里面定义的变量在外面任然可以使用，函数除外。

	<script>if (true) {var num = 10;};console.log(num); //10for (var i = 0; i < 3; i++) {var str = '哈喽';};console.log(str); //哈喽</script>

作用域链：

指当前作用的代码会在当前作用域先找变量，如果没有会一级一级往上找，如果0级作用域也没有会报错。

	<script>//0级作用域：var num = 10;function f1() {//1级作用域：var num = 9;function f2() {//2级作用域：// var num = 8;function f3() {//3级作用域：// var num = 7;console.log(num); //9};f3();};f2();};f1();</script>

预解析：

预解析（提前解析代码）指：javascript解析器在解析javascript代码时，把变量的声明提前到当前作用域的最上面（注意函数表达式也算是变量）和函数的声明提前到当前作用域的函数调用之前。

	<script>console.log(num); //undefined,预解析代码如下：var num = 5;// 预解析代码：var num;console.log(num);num = 5;f1();var num = 10;function f1() {console.log(num); //undefinedvar num = 5;};// 预解析代码：var num;function f1() {var num;console.log(num); //undefinednum = 5;};f1();num = 10;f1();console.log(b); //5console.log(c); //5console.log(a); //报错function f1() {var a = b = c = 5;console.log(a); // 5console.log(b); // 5console.log(c); // 5};//预解析代码：function f1() {var a;a = 5;b = 5;c = 5;console.log(a);console.log(b);console.log(c);};f1();console.log(b);console.log(c);console.log(a);console.log(f); //undefinedvar f = function() {var num = 5;console.log(num);};// 解析代码如下：var f;console.log(f);f = function() {var num;num = 5;console.log(num);};</script>