美文网首页
我的JS静态作用域链笔记 与经典面试题目

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

作者: 偏左的右 | 来源:发表于2019-07-11 19:22 被阅读0次

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

    即使在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

    解密

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

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

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

    相关文章

      网友评论

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

          本文链接:https://www.haomeiwen.com/subject/qtkjkctx.html