我的JS静态作用域链笔记 与经典面试题目

不是函数的大括号，是没有对变量的作用域限制的。

即使在for里，大括号也对变量没有作用域限制。

全局作用域（全局变量） 相当于 window对象的属性。

先看面试题

题目1

var a = 1

function fn1(){

    function fn2(){

        console.log(a)

    }

    function fn3(){

        var a = 4

        fn2()

    }

    var a = 2

    return fn3

}

var fn = fn1()//调用这个函数时，就相当于跳进fn1()的栈，它的可执行上下文，它的作用域内，其内也有 声明前置。

fn() //输出多少---- 2

每当执行一个函数，就是进入了一个 新的作用域下。所以，其变量就从 该函数自己的作用域中 去找；

找不到该变量的声明，就去其 上层的作用域（即 当前的函数声明时，所在的作用域） 去找；若还没有，就

去更上一层，直到找到为止。

fn2内无a变量，就去其函数声明所在的fn1内找（即 上层作用域），因为变量的声明前置，所以fn2的a就时fn1的a，即a=2，返回2.

这里其实涉及到闭包：调用一个函数时，返回一个函数，此时会生成一个闭包。正常情况下，一个函数在执行完成

后，它的变量 所占的内存 会被释放。有时，其变量的内存不会释放，比如这个函数内的一些数据是会被别人用到，除非所有人

都不再引用这些数据了，该函数所占的内存 才会被释放，这就涉及 js垃圾回收机制。全局作用域所占的内存，是永远不会

被释放的。

比如此题内，所以函数都被引用，它们的临时变量所占内存 都不会被释放，而被保存，就可以进行操作。这里面就生成了 闭包。

闭包就是 通过一些方式，让函数的一些 临时的状态/变量 无法得到释放，从而保存它们。最简单的实例，就是 一个函数内 return另

一个函数。

题目2

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

fn3作用域内找不到fn2，就去上一层fn1内找；也没有，去fn1外找，fn1外的作用域内（即全局作用域内），有fn2；

跳入fn2内，但fn2内没有a，跳到fn2外（即 全局）去找，找到a=1。最终输出就为1。(如果还没有a，还会去更上一层，

直到找到为止，比如这里没有a=2，就会找到a=1)

题目3

var a = 1

function fn1(){

function fn3(){

function fn2(){

console.log(a)

}

var a

fn2()

a = 4

}

var a = 2

return fn3

}

var fn = fn1()

fn() //输出多少 -- undefined 因为fn3没有return

解密

函数在执行的过程中，先从自己内部找变量

如果找不到，再从创建当前函数所在的作用域去找, 以此往上

注意找的是变量的当前的状态