一、JS中的作用域
理解:
作用域:代码(变量|函数)在某一个地方的作用
(即变量|函数在JS中的什么地方,起的什么作用)
结论1:
在全局范围内,声明的变量和函数,其实都是window对象的属性或者方法
1.变量
弹出两个显示10的弹窗,证明:
在全局范围内,变量其实是window对象的一个属性
2.函数
弹出来的都是fn,证明:
在全局范围内,函数其实是window对象的一个方法。
结论2:例如函数中声明一个局部变量在全局中打不出来
显示:a is not defined
如果在函数内打印a,那么就可以弹出来。
这种方法虽然可以打印出来,但是没什么意义了,相当于将window.a = 10;写在外面是一样的。
二、JS中的作用域链
内部有权访问外部的局部变量或者函数
外部不能访问内部的局部变量或者函数
#如果在全局范围内写了一个var a = 10;,再去打印a,结果仍能显示。
原因在于:内部有权访问外部的局部变量/函数
#如果写了一个function,在里面写一个匿名函数return,再return一串1
返回函数体:
返回一串1:
#假定有三级作用域,依次可以由3级向1级访问
#(将1级注释掉)如果只有2级、3级,那么显示20(2级)
返回20
#(将2级注释掉)如果只有1级、3级,那么显示10(1级)
返回10
#如果1级、2级、3级都存在,那么显示20(2级)
返回20
小结:
如果是一个3级作用域,那么会由3级先1级依次访问。
3级先找2级,如果有,直接返回结果;如果2级没有,再去找1级。
如果1级有,则返回结果;如果1级没有,则报错。
#alert(a);如果放在3级,那么可以弹出函数体
#如果注释掉fn()();,也不会弹出弹窗,因为先返回fn
#alert(a);如果放在2级,那么报错a is not defined,因为2级不能访问3级。
【函数自执行】:如果在外部打印a,会报错!
原因在于:var a = 10; 它的作用是在函数的内部,而在alert(a)外部是访问不到的。
由上面的案例可以引申如下:
常考题型:(设坑)
问题:此案例中,分别打印出a 、b为?
在全局中打印b没问题,只在83行局部a这立报错
因此,如果注释掉a,可以弹出5 的弹窗