第06课：作用域、JS预解析机制

从字面上理解----域就是空间、范围、区域，作用就是读、写，所以作用域我们可以简单理解为：在什么样空间或者范围内对数据进行什么样的读或写操作。

 看一下代码

alert(a);                    // 为什么是undefined
var a = 1;

alert(a);                    //为什么浏览器无反应
 a = 1;

要了解为什么这些现象必须先知道浏览器是如何读取js代码，而这段浏览器专门用来读取js代码的片段我们称之为-----js解析器 

首先，我们来理解“JS解析器”是如何工作的？

先看如下代码

alert(a);                    // function a (){ alert(4); }
var a = 1;
alert(a);                    // 1
function fn1(){ alert(2); }

当“JS解析器”识别到 <script> 它就开始工作了，至少从两个部分开始 

1）先找一些东西 ：根据 var function 参数 先找齐了再开始工作。于是先找到a，但是不会读取a等号后面的东西，所以a是未定义，

                          可以简单理解为 -----所有的变量，在正式运行代码之前，都提前赋了一个值：未定义  a=.......

                          然后根据 function  找到   fn1 = function fn1(){ alert(2); }  

                         所有的函数，在正式运行代码之前，都是整个函数块

                         整体简单理解为：有变量未定义，由函数整个函数整体

                          这一步称之为----------‘js的预解析’

                        原则：遇到重名的------1、只留一个2、变量和函数重名了，就只留下函数                            

2）逐行读代码 ：

表达式：= + - * / % ++ -- ! 参数……

表达式可以修改预解析的值！

如最上面代码当读取到 

alert(a); 

先去第一步仓库中找到a未定义 

于是alert是undefined

接着才会执行 var a=1；此时a的值才是1

第二段里面没有var function 参数 所以仓库里面没有东西所以浏览器毫无反应

案例一：分析如下代码

alert(a);                    // function a (){ alert(4); }
var a = 1;
alert(a);                    // 1
function a (){ alert(2); }
alert(a);                    // 1
var a = 3;        
alert(a);                    // 3
function a (){ alert(4); }
alert(a);                    // 3

a ()                        // 报错 Uncaught TypeError: number is not a function

分析过程

1)预解析    var function 参数
            
            遇到重名的------1、只留一个2、变量和函数重名了，就只留下函数

             最后留下function a (){ alert(4); }  整个集合

2）逐行读代码   所以第一行alert(a); 是集合 function a (){ alert(4); }

               接着给据：表达式可以修改预解析的值！
               遇到第二行var a = 1;  于是第三行alert(a); 的值是1  
               第四行无作用不执行
               于是第五行alert(a); 还是1
               遇到第六行var a = 3; 于是第七行alert(a); 的值是3
               第八行无作用不执行
               于是第九行alert(a); 还是3 
               第十行a(); 因为此时仓库中只有a=3，而此时在仓库中没有function 所以报错