规避同名冲突

最新推荐文章于 2024-12-09 21:22:00 发布

原创最新推荐文章于 2024-12-09 21:22:00 发布 · 347 阅读

0 ·

CC 4.0 BY-SA版权

javaScript 专栏收录该内容

19 篇文章

订阅专栏

本文通过一个具体的JavaScript函数示例，详细解析了JS中变量的作用域规则、for循环中的变量行为以及函数内部局部变量如何影响外部作用域。特别关注了在不同作用域下变量i的赋值过程及输出结果。

function foo() {
    function bar(a) {
         i = 3;
        console.log(a + i);//3
    }
    console.log(i);//undefined
    for (var i = 0; i < 4; i++) {
        console.log(i);//0
        bar(i * 2);//执行了之后便f赋值为3
        console.log(i);//3
    }
    console.log(i);//4
}
foo();

执行结果:undefined,0,3,3,4

原因

undefined:由于js中对for循环没有块作用域并且在代码执行以前解释器会将所有的变量声明，声明之后再由引擎执行到赋值位置时才为声明的变量赋值，所以i变量是位于foo函数的作用域内并且没有进行赋值，所以值为undefined
3:执行bar函数了之后有相同的变量，所以重新赋值为3
4:当i=4时跳出循环