JavaScript——预解析（包括：预解析的概述、变量预解析（变量提升）、函数预解析（函数提升）、案例等）

预解析

• JavaScript代码是由浏览器中的JavaScript解析器来执行的。JavaScript解析器在运行JavaScript代码的时候分为以下两步：

  （1）预解析（包括：变量预解析和函数预解析）

  （2）代码执行

• 预解析：JavaScript引擎会把js里面所有的var和function提升到当前作用域的最前面。

变量预解析（变量提升）

• 定义：变量预解析就是把所有的变量声明提升到当前作用域的最前面，不提升赋值操作。

//原先的代码：
fun();
var fun = function(){
  console.log('蟹黄堡');
}
//变量提升后的代码：
var fun;
fun();
fun = function(){	//注意：这里的function是不会提升的，只有命名函数会提升，函数表达式是不回提升的
  console.log('蟹黄堡');
}

函数预解析（函数提升）

• 定义：函数预解析就是把所有的函数声明提升到当前作用域的最前面，不调用函数。

//原先的代码：
fn();
function fn(){
  console.log('蟹黄堡');
}
//变量提升后的代码：
function fn(){
  console.log('蟹黄堡');
}
fn();

案例

//原先的代码：
f1();
console.log(c);
console.log(b);
console.log(a);
function f1(){
  var a = b = c = 10;
  //相当于 var a = 10; b = 10; c =10;（只有a有var声明，b和c都没有，b和c都当全局变量看）
  //集体声明：var a = 10, b = 10, c = 10;(a，b，c都有var声明，都是局部变量)
  console.log(a);
  console.log(b);
  console.log(c);
}
//分析如下：
function f1(){
  var a;
  a = b = c = 10;
  console.log(a);
  console.log(b);
  console.log(c);
}
f1();
console.log(c);
console.log(b);
console.log(a);		//结果为：10 10 10 10 10 报错

---

微信公众号也会定期更新，觉得文章写得还可以的，可以加个关注！点个赞！谢谢！