我的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

解密

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

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

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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 一、作用域 A、定义 代码在运行时,各个变量、函数和对象的可访问性。换句话说,作用域决定了你的代码里的变量和其他资...
    5吖阅读 650评论 0 1
  • 作用域 变量作用域有两种:全局变量和局部变量。 变量在函数外定义,即为全局变量,全局变量有全局作用域:网页中所有脚...
    饥人谷_王若曦阅读 379评论 0 0
  • 作用域: 变量所在的上下文,指的是变量在哪些地方可以访问 对于JavaScript来说有全局作用域但是没有块级作用...
    戴西西的染坊阅读 237评论 0 2
  • 何为作用域 任何编程语言都有作用域的概念,简单来说,作用域就是变量与函数的可访问范围,即作用域控制着变量与函数的可...
    浅梦二十五夜阅读 302评论 0 0
  • 函数在执行的过程中,先从自己内部找变量 如果找不到,再从创建当前函数所在的作用域去找,以此往上 范例 例1 分析:...
    crowdWu阅读 200评论 0 0