JavaScript 预解析

一、预解析

　　1、概述

　　　JavaScript 代码的执行是由浏览器中的 JavaScript 解析器来执行的。

　　　JavaScript 解析器执行 JavaScript 代码的时候，分为两个过程：预解析过程和代码执行过程。

　　2、过程

• • 　把变量的声明提升到当前作用域的最前面，只会提升声明，不会提升赋值。
    
  •     把函数的声明提升到当前作用域的最前面，只会提升声明，不会提升调用。
  •     先后规则：先提升 var，在提升function

二、解析规则

　　1、全局解析与函数内部解析规则一致

• •     变量提升：定义变量的时候，变量的声明会被提升到作用域的最上面，变量的赋值不会提升。
  •     函数提升：JavaScript 解析器首先会把当前作用域的函数声明提前到整个作用域的最前面

三、案例

　　案例1：

var a = 25;
function abc (){
  alert(a);            //undefined
  var a = 10;
}

 　　预解析结果：

var a;                   // 在全局作用域里提升变量
function abc() {         // 在全局作用域里提升函数
  var a;                 // 在局部作用域里提升变量
  alert(a);     　　　　　 //  a 的值是 undefined
  a = 10;                // 在局部作用域里给变量赋值
}
a = 25;                  // 给变量赋值
abc();                   // 调用函数

　　案例2：

console.log(a);
function a() {
  console.log('aaaaa');
}
var a = 1;
console.log(a);

　　预解析结果：（ 在预解析的过程中如果函数和变量的名字相同，此时函数优先 ）

var a;                            //全局作用域里提升变量
function a() {                    //全局作用域里提升函数
   console.log('aaaa');  
}

console.log(a);                  // 输出函数 a  在预解析的过程中如果函数和变量的名字相同，此时函数优先
a = 1;                           // 给变量赋值
console.log(a);                  // 输出变量 a

　　案例3：

var a = 18;
f1();
function f1() {
  var b = 9;
  console.log(a);
  console.log(b);
  var a = '123';
}

　　预解析结果：

var a;               // 全局作用域中提升变量
function f1() {      // 全局作用域中提升函数
  var b;             // 局部作用域中提升变量
  var a;             // 局部作用域中提升变量
  b = 9;             // 局部作用域中给变量赋值
  console.log(a);    // a 的值为 undefined
  console.log(b);    // b 的值为  9
  a = '123';         // 局部作用域中给变量赋值
}
a = 18;              // 全局作用域中给变量赋值
f1();                // 调用函数

　　案例4：

f1();
console.log(c);
console.log(b);
console.log(a);
function f1() {
  var a = b = c = 9;
  console.log(a);
  console.log(b);
  console.log(c);
}

　　预解析结果：

function f1() {              // 全局作用域中提升函数
      var a;                 // 局部作用域中提升变量
      a = b = c = 9;         // 局部作用域中给变量赋值
      console.log(a);
      console.log(b);
      console.log(c);
}
f1();                        // 调用函数
console.log(c);
console.log(b);
console.log(a);

　　　　注意：

　　　　其中 函数 f1 内部的 var a = b = c = 9; 等价于 var a = 9; b = 9; c = 9; 其中 a 是一个 函数内的局部变量，b 和 c 是全局变量。