search

Home  >  Q&A  >  body text

javascript - 函数作用域中定义在后面的变量能被前面的表达式访问到吗?

function test(){
    alert(a);
    var a = 10;
}
test();

运行结果是 Undefined 。这与书上写的 “函数中的任何位置定义的变量在该函数中的任何地方都可见(《javascript语言精粹》第36页)” 似乎是矛盾的。想请教各位,我可能在什么地方理解有误。

巴扎黑巴扎黑2828 days ago323

reply all(3)I'll reply

  • 高洛峰

    高洛峰2017-04-10 15:17:26

    不矛盾的,JavaScript会加载或者说是解析两次

    第一次:解析加载变量声明,函数声明,对函数的参数赋值

    第二次:给变量赋值,执行函数

    因为js是顺序加载,即从上到下,所以在函数中,的加载顺序是这样的:

    // 无变量声明 1
    function test(){
                 // 参数赋值   2.1 无参数,所以无参数赋值
        var a ;  // 声明变量   2.2 变量声明总会优先于变量赋值,所以就有“变量提示”这一说
                 // 无函数声明 2.3
        alert(a);// 执行函数   2.4 a因为没有赋值,所以是undefined
        a = 10;  // 赋值变量   2.5 a现在被赋值了 a = 10
    }
    test();      // 2 这里挺关键的 分解看是 声明函数表达式 + 执行函数 ==> test + ()
                 // 在声明的时候会跳到函数表达式声明的地方
    

    总结:

    1. 不要在变量赋值之前使用,除非你想用其默认值
    2. 函数声明在哪里(执行位置的前后)都可以

    reply
    0
  • 怪我咯

    怪我咯2017-04-10 15:17:26

    变量提升(hoist),这段代码相当于:

    function test() {
        var a;
        alert(a);  // undefined
        a = 10;
    }
    

    reply
    0
  • PHP中文网

    PHP中文网2017-04-10 15:17:26

    这段代码在c语言中是不能运行的,因为a变量未定义啊,但javascript中可以啊,a定义了,只是没赋值。
    你把下面var a = 10;注释掉 就看出区别来了

    reply
    0
  • Cancelreply