作用域和作用域链

作用域scope:一个变量的可用范围

作用域链scope chain:以当前作用域的scope属性为起点依次引用每个AO,直到window结束,形成了多级引用关系

js作用域:下面是对于ES5 来说的,ES6引入了块级作用域

两大类:全局作用域 和 函数作用域

解释执行:在执行过程中,JavaScript引擎是严格按着作用域机制(scope)执行的,并且自由变量是从定义时的作用域开始向上查找的,而不是执行时的作用域;JavaScript的函数参数也是局部变量,它们只在函数体内有定义。

在函数体内,局部变量的优先级高于同名的全局变量。如果在函数内声明的一个局部变量或者函数参数中带有的变量和全局变量重名,那么全局变量就被局部变量所遮盖

图解

例如,创建一个函数的时候,它内部就会挂有 [[Scope]] 属性,该属性指向Scope chain(作用域链),作用域链的下标0此时指向全局作用域

 函数执行时,作用域链就会形成这种形式 scope chain[0, 1] => [函数作用域本身,全局作用域],所以函数执行时就会先访问局部变量,若没有再向上到全局下查找

    var arr = [{name: 'a1'},{name: 'a2'},{name: 'a3'}];
    function fn() {
        for(var i = 0; i < arr.length; i++) {
            arr[i].fun = function () { 
               alert(i);
            }   
        }
    }
    fn();
    arr[0].fun();    //3
    arr[1].fun();    //3
    arr[2].fun();    //3

上面这一段代码,将弹出三次 3;从作用域的角度解释:变量 i 属于fn()函数作用域内的变量,(声明在for循环的条件语句内与for循环之前是一样的-- fn()里面);当执行fn()之后for循环已经执行,内部生成三个函数,注意!!只是生成,没有return也没有调用执行,此时3;调用arr[i].fun()访问到的是fn()作用域下的 ,也就是 3

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值