JavaScript 预解析

---

一、简单了解

JavaScript 代码是由浏览器中的 JavaScript 解析器来执行的。JavaScript 解析器在运行 JavaScript 代码的时候分为预解析和代码执行两个步骤。

① 预解析 js 引擎会把 js 里面所有的 var 还有 function 提升到当前作用域的最前面；
② 代码执行按照代码的书写顺序从上往下依次执行；
③预解析分为变量预解析（变量提升）和函数预解析（函数提升）两部分，所谓变量提升就是把所有的变量声明提升到当前作用域的最前面，不提升赋值操作，函数提升就是把所有的函数声明都提升到当前作用域的最前面，但并不调用函数。

只有声明函数才可以提升，赋值函数无法提升！

知道了预解析，下面这些例子是不迎刃而解了？

//案例一
console.log(num);
var num = 10; //undefined 只提升变量未提升赋值

//案例二
fun(); 
var fun = function() {
console.log('22'); 
}  //报错 只提升变量却未提升赋值

//案例三
fn();
function fn() {
console.log(11);
}  //11 函数被提升到当前作用域的最前面

二、举个例子

var num = 10;
fun();
function fun() {
    console.log(num);
    var num = 20;
}

//上面代码相当于以下操作
var num;
function fun() {
    var num;
    console.log(num);
    num = 20;
}
num = 10;
fun(); //undefined

function f1() {
    var a = b = c = 9; 
    //相当于var a=9;b=9;c=9; 也就是说b和c就没有声明，当全局变量看
    //如果想要集体声明，应该这样写，var a=9,b=9,c=9;
    console.log(a); //9 
    console.log(b); //9 JS里面对没有声明的变量赋值是不会报错的
    console.log(c); //9
}
f1(); 
console.log(a); //报错 局部变量
console.log(b); //9 全局变量
console.log(c); //9 全局变量

这里顺便补充以下我们的全局变量和局部变量：

① 函数内部声明了的变量是局部变量；
②声明函数时函数名括号里的变量也是局部变量；
③ 函数内部没有被声明但是赋值了的变量是全局变量；
④ JS 里面目前没有块级作用域，也就是说花括号里面和花括号外面的变量都是全局变量。