变量提升/作用域和预解析的联系

变量

变量的分类

• 全局变量和局部变量
  • 全局变量在全局下都可以使用
    • 直接在函数外部声明
    • 在函数内部但是没有声明但是直接赋值的变量也是全局变量
  • 局部变量就是写在函数内部的变量
    函数的形参也可以是局部变量
• 从效率上来看全局变量和局部变量
  • (1)全局变量只有浏览器关闭的时候才会销毁,比较占内存资源
  • (2)局部变量:当程序执行完毕就会销毁 比较节约资源

作用域

• js中没有块级作用域,但是在es6中新增的块级作用域
  • 块级作用域:{}, if{}, for{}就是在花括号外面无法使用里面的数据,但是在现阶段不需要担心的直接使用就ok了

预解析

1.我们js引擎运行js分为两步: 预解析 代码执行

• (1) 预解析 js引擎会把js里面所有的var 还有function提升到当前作用域最前面
• (2) 代码执行 按照代码书写的顺序从上往下执行

2.预解析分为

变量预解析(变量提升)和函数预解析(函数提升)

• (1) 变量提升 就是把所有变量声明提升到当前的作用域最前面,不提升赋值操作
• (2) 函数提升 就是把所有的函数声明提升到当前作用域的最前面 不调用函数

测试题

案例1:
  console.log(num);
  var num=10;

相当于执行了一下代码:
var num;//把所有的函数声明提升到当前作用域的最前面,只提升不赋值
console.log(num);
num=10;
答案:undefined

案例2:
fun();
var fun=function(){
  console.log(22)
}
答案是:报错的
思路:关键是函数前面有一个var,在var后面的这个fun是变量名,并不是函数名,当js引擎预解析读到他的时候,相当于执行一下代码:
var fun;
fun();
fun=function(){
  console.log(22)
}
现在我们站在js引擎的角度来分析一下代码:
(1)先声明了一个变量:var fun
(2)紧接着又执行了fun()去调用这个函数,但是这个时候根本就没有fun这个函数,所以必然报错
正确的写法应该是:
var fun;
fun=function(){
  console.log(22)
}
fun();
当fun赋完值之后就可以调用了