作用域链

function fn(){}
fn // f  fn(){}  意思是fn是个函数
var a = 1
a // 1这也是全局变量声明
这些全局作用域的变量相当于在这个页面级水平上作用,页面这里比较形象的概念,就是window。换句话说,全局变量可以看作是window的属性。
window.fn // f  fn(){}  
window.a // 1
题目——
每当执行一个函数,它就在一个新的作用域下了。
函数的变量的值先从自身作用域下找,符合之前学的声明和覆盖现象,找不到呢,就向自身函数的上层去找,上层就是自己声明的那个层级或者更高。
var a =1  //全局
function fn1(){
    function fn2(){
        console.log(a)
}                                                    //输出a 的值,但在fn2()中没声明,所以从这个函数的上层找,在上层fn1()中a=2,得出2。
    function fn3() {
        var a = 4
       fn2( )
}                                                // 这里要的是fn2()的值,往上看。
   var a = 2
   return fn3                                //fn1()返回值是fn3的值
}
var fn = fn1( )
fn( )                                            //fn = fn1(),所以为(fn1( ))(  )。输出的应该是fn1()的值,也就是2。

var a =1
function fn1( ) {
function fn3( ) {
      var a = 4
     fn2( )                              //fn3要的是fn2的值,看fn2。
}
     var  a = 2
    return fn3                      //  fn1返回值为fn3的值,看fn3。
}
function fn2() {
   console.log(a)          //输出a,在fn2的上层找a值,为1
} 
var fn =fn1()
fn()                                     //输出为fn1()的运行值

这里还有一个点,调用一个函数,一函数里return另一个函数,可以避免这两个函数里的数据被js的垃圾处理机制给清除了。还有不光找变量的顺讯是从内部到自身上层,return的函数也要如此,先内部,再外部。



你可能感兴趣的:(作用域链)