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 报错

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

在这里插入图片描述

展开阅读全文
©️2019 CSDN 皮肤主题: 岁月 设计师: pinMode
应支付0元
点击重新获取
扫码支付

支付成功即可阅读