不是函数的大括号,是没有对变量的作用域限制的。
即使在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
解密
函数在执行的过程中,先从自己内部找变量
如果找不到,再从创建当前函数所在的作用域去找, 以此往上
注意找的是变量的当前的状态
网友评论