作用域和自由变量的介绍

---

前言

一、什么是作用域？

作用域就是一个变量可以使用的范围。

二、作用域有几种?

作用域一共有三种。
分别是:
1.全局作用域
2.函数作用域
3.块级作用域(Es6新增的方法)

var a=100; //全局
function fn(){	//函数
var b=200;
if(true){   //块级
let c=300;
 }
}

注意:：js中首先有一个最外层的作用域，全局作用域； js中可以通过函数来创建一个独立作用域称为函数作用域，函数可以嵌套，所以作用域也可以嵌套；
es6中新增了块级作用域（大括号，比如：if{},for(){},while(){}…）；

如图所示；

es6作用域,只适用于const,let

三、自由变量

自由变量:当前作用域没有定义的变量
注意:
1.一个变量在当前作用域没有定义,但被迫使用了
2.向上级作用域,一层一层依次寻找,直到找到为止
3.如果到全局作用域都没找到,就报错 xx is not defined

四、作用域链

自由变量的向上级作用域一层一层查找，直到找到为止，最高找到全局作用域，就形成了作用域链。

五、变量提升（预解析）

var声明的变量，function声明的函数存在变量提升
let const 不会变量提升

1. javascript中声明并定义一个变量时，会把声明提前，以下会先打印出undefined，再打印出10

console.log(a)
var a = 10
console.log(a)

相当于

var a
console.log(a)；//undefined
a = 10
console.log(a) //10

2. （自定义函数/命名函数）函数声明也是，以下函数相当于把整个fn提到作用域的最上面，所以调用fn时会正常打印jack

fn('jack')；//jack
function fn (name){
console.log(name)
}

3. 不过函数表达式不行，以下是一个函数表达式，JavaScript会把var fn提到作用域最上面，没有吧函数提上去，所以会报错。

fn("jack");//报错
var fn = function(name) {
console.log(name);
};

六:函数的预解析高于变量的预解析