javascript - 函数作用域中定义在后面的变量能被前面的表达式访问到吗?
巴扎黑
巴扎黑 2017-04-10 15:15:26
[JavaScript讨论组]
function test(){
    alert(a);
    var a = 10;
}
test();

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

巴扎黑
巴扎黑

全部回复(3)
高洛峰

不矛盾的,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. 函数声明在哪里(执行位置的前后)都可以
怪我咯

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

function test() {
    var a;
    alert(a);  // undefined
    a = 10;
}
PHP中文网

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

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号