JS中的函数提升及变量提升

FutureFlyme

于 2016-12-17 15:02:16 发布

阅读量722

点赞数

CC 4.0 BY-SA版权

分类专栏： JavaWeb 文章标签： javascript

本文链接：https://blog.youkuaiyun.com/FutureFlyme/article/details/53707545

9 篇文章

订阅专栏

本文详细解释了JavaScript中变量提升与函数提升的概念及其差异。通过具体示例展示了带有与不带var关键字的变量声明如何影响提升行为，以及函数声明与函数表达式在提升方面的区别。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

对于变量提升:
当变量前面没有var时,不存在提升
当变量前面有var时,才存在提升

<script type="text/javascript">
function test8(){
    alert(a);
    var a="hello world";
}
test8();//undefined
alert("执行了......");//这句话执行了
</script>

<script type="text/javascript">
function test9(){
    alert(a);
    a="hello world";
}
test9();//出错
alert("未执行......");//这句话未执行
</script>

对于函数提升:
<1> 只有函数声明才会进行函数提升,函数表达式不存在提升.

<2> 函数提升会将函数体一起提升上去，这点与变量提升有所不同

//函数声明
foo() // 调用成功
function foo() {}

//函数表达式
foo()  // 有foo这个变量，但它却不是函数，所以调用失败
var foo = function() {}

函数的提升大于变量的提升