Javascript作用域,作用域链,变量提升

Javascript作用域,作用域链,变量提升

作用域(定义)

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

作用域(种类)

js中首先有一个最外层的作用域,全局作用域

js中可以通过函数来创建一个独立作用域被称为函数作用域,函数可以嵌套,所以作用域也可以嵌套

es6中新增了块级作用域,(大括号,比如if{},for{),while{},)

如图所示:

es6作用域,适用于const和let

自由变量

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

作用域链

 

自由变量的上一级作用域一层一层查找,知道找到为止,最高找到全局作用域,就形成了作用域链

变量提升

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