作用域和变量

作用域 （种类）

作用域分为全局作用域跟函数作用域以及ES6新增的块级作用域

• JS首先有一个最外层的作用域 全局作用域
• JS可以通过函数来创建一个独立作用域被称为函数作用域，函数可以嵌套，所以作用域也可以嵌套
• es6中新增了块级作用域

简单介绍一下：

自由变量

自由变量的概念： 当前作用域没有定义的变量

1. 一个变量在当前作用域没有定义，但被使用了
2. 向上一级作用域，一层层一次查找，直到找到为止
3. 如果到全局作用域都没有找到，就会报错…is not defind

var w=200
function Fn(){
var a=300
function Fn2(){
var c=400
console.log(w)//w是自由变量
console.log(a)//a是自由变量
console.log(c)
}
Fn2()
}
Fn()

作用域链

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

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

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

console.log(a)//undefined
var a = 100
console.log(a)//100

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);
};