作用域链

参考文档：《深入理解javascript原型和闭包系列》

我们来看如下的代码：

var num = 20;
function f1() {
  console.log(num); // undefined
  var num = 10;
  console.log(num); // 10
}
f1();

==很奇怪为什么，第一个打印num的结果不是 20？为什么第二个又是10？==

这里先引出一个基本知识，==javascript中没有块级作用域的概念，只有全局作用域，和函数作用域==。

1. 所谓作用域，通俗的可以理解为一个地盘，里面的函数、变量、常量都属于这个作用域；

全局作用域是指函数、变量、常量等对象的作用范围在整个应用程序中都是可用的。在全局作用域内定义的对象被称之为全局对象。例如，在全局作用域内定义的函数被称为全局函数，在全局作用域内定义的变量称之为全局变量。全局对象的生命期开始于应用程序的运行，结束于应用程序的退出。

函数作用域则可以理解为函数大括号所囊括的地盘，里面的函数、变量、常量只在这个范围内可用。

我们回到开头的例子，调用f1()时，进行了哪些准备工作；

• 变量、函数表达式——变量声明，默认赋值为undefined；
• this——赋值；
• 函数声明——赋值；

所以我们在执行 f(); 其实做了相当于如下的过程：

function f1() {
  var num;
  console.log(num); // undefined
  num = 10;
  console.log(num); // 10
}

先对 num 进行了声明，但是没有赋值；

那么为什么 num 使用的不是 全局作用域里的 num = 20 呢？

因为 ==子作用域中的变量优先级比父亲作用域的中优先级高，当子作用域中没有这个变量是才会去父作用域中寻找==所以，第一行输出结果会是undefined，第二行结果是10；

var a = 1
function fn1(){
  function fn3(){
    var a = 4
    fn2()
  }
  var a = 2
  return fn3
}
function fn2(){
  console.log(a)
}
var fn = fn1()
fn() //   输出  1

最后我们看看上面的例子，结果会是1 ，因为 fn2() 是属于全局作用域的，自身作用域中没有a 变量所以会去，全局作用域寻找。