JavaScript的作用域与预解析

一、Javascript作用域

1. javaScript作用域，就是代码名字(变量)在某个范围内起作用和效果，目的是为了提高代码的可靠性和减少命名冲突
2. js的作用域(es6)之前分为：全局作用域和局部作用域
3. 全局作用域：整个script标签或者是一个单独的js文件

   var num = 18;
   console.log(num)

4. 局部作用域(函数作用域)，在函数内部就是函数作用域，这个代码只在函数内部起效果和作用

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

二、变量的作用域

变量的作用域：根据作用于的不同，我们的变量分为全局变量和局部变量

1. 全局变量：在全局作用于下的变量，在全局下都可以使用

2. 全局变量的另一个写法，在函数内部没有声明并直接赋值的变量也属于全局变量

var num = 10; //全局变量
console.log(num);
function fn() {
console.log(num); //全局变量在函数内部也可以使用
}
fn();

3.局部变量，在局部作用域下的变量，在函数内部的变量就是局部变量

function fn1() {
var num1 = 20; //num1就是局部变量，只能在函数内部使用
console.log(num1);
num = 30; //没有被声明的全局变量
}
fn1();

4. 从执行效率看全局变量和局部变量

(1) 全局变量在浏览器关闭的时候才会进行销毁，比较占用内存资源

(2) 局部变量在程序执行完毕后就会进行销毁，比较节约内存资源

三、JS块级作用域

1. JS 没有块级作用域

块级作用域由 { } 包括。

在其他编程语言中（如 java、c#等），在 if 语句、循环语句中创建的变量，仅仅只能在本if 语句、本循环语句中使用，如下面的Java代码：

2. Js中没有块级作用域（在ES6之前）。

if(true){
var num = 123;
console.log(123); //123
}
console.log(123); //1234.作用域链

3. 作用域链：内部函数访问外部函数的变量，采用链式查找的方法来决定取哪个值，这种结构我们称之为作用域链，就近原则

var num = 10;
function fn() {//外部函数
var num = 20;
function fn1() {//内部函数
    console.log(num); //20
}
    fn1();
}
fn();

4. 只要是代码，就至少有一个作用域

写在函数内部的局部作用域

如果函数中还有函数，那么在这个作用域中就又可以诞生一个作用域

根据在内部函数可以访问外部函数变量的这种机制，用链式查找决定哪些数据能被内部函数访问

四、js预解析

1.

console.log(num); //会进行报错

2.

console.log(num); //undefined
var num = 10;
执行步骤：
var num;
console.log(num);
num = 10;

 3.

fn();
function fn() {
        console.log(num); //10
}
执行步骤：
function fn() { //先将函数声明提升到当前作用域的最前面
        console.log(num);
}
fn();

4.

fun();
var fun = function() {
        console.log(num); //会报错}
执行步骤：
var fun;
fun();
fun = function() {
console.log(num);
}

五、js引擎运行js分为两步：

js预解析和代码执行

(1)预解析：

js引擎会将js中所有的var和function提升到当前作用域的最前面

(2)代码执行：按照代码书写的顺序从上往下执行

六、预解析分为变量预解析(变量提升)和函数预解析(函数提升)

(1)变量预解析：就是把所有的变量声明提升到当前的作用域最前面，不提升负值操作

(2)函数预解析：就是把所有的函数声明提升到当前的作用域最前面，不调用函数