作用域和自由变量

作用域

作用域：就是一个变量可以使用的范围
作用域分为全局作用域、块级作用域、函数
作用域

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

自由变量

自由变量的概念：

• 一个变量在当前作用域没有定义，但被使用了。
• 向上级作用域，一层一层依次寻找，直至找到为止
• 如果到全局作用域都没有找到，则报错 xx is not defined

作用域链

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

变量提升

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

变量提升面试题

代码：

var x = 30;
function test(){
 	 alert(x);
 	 var x = 10;
 	 alert(x);
  	 x=20;
  	function x(){
    };
     alert(x);
  }
test();

分析

第一步：test 是函数，每个函数作用域也首先要进行预解析，var ，function声明的变量或者函数首先变量提升，但是函数的优先级高于变量，所以预解析池最终结果为function x(){}
第二步：从上往下，逐步执行：第一个alter(x)中查找预解析池，function x(){},
第二个alter(x)中的x向上查找，找到var x = 10，弹出10；
第三个alter(x)中的x向上找，找到x = 10,弹出20；