Javascript中函数及变量定义的提升

最新推荐文章于 2023-05-17 01:42:25 发布

iteye_15909

最新推荐文章于 2023-05-17 01:42:25 发布

阅读量132

点赞数

分类专栏： Javascript 文章标签： Javascript 函数提升变量提升 ViewUI

Javascript 专栏收录该内容

9 篇文章 0 订阅

订阅专栏

在Javascript中，函数及变量的声明都将被提升到函数的最顶部。
声明函数是将函数的声明以及定义都提升，函数表达式和变量表达式只是将函数或者变量的声明提升到函数顶部，而函数表达式和变量的初始化将不被提升，如果不弄清楚这个问题，很可能给您带来麻烦。
举例说明：

  
<html>
<head>
<title>函数提升</title>
<script language="javascript" type="text/javascript">

    //在全局对象中声明两个全局函数,反模式
    function foo()
    {
        alert("global foo");
    }

    function bar()
    {
        alert("global bar");
    }

    //定义全局变量
    var v = "global var";

    function hoistMe()
    {
        alert(typeof foo); //function
        alert(typeof bar); //undefined
        alert(v); //undefined

        //为什么bar函数和变量v是未定义而不是全局变量中定义的相应的函数变量呢？
         //因为函数里面定义了同名的函数和变量，无论在函数的任何位置定义这些函数和
         //和变量，它们都将被提升到函数的最顶部。

        foo(); //local foo
        bar(); //报错，缺少对象

        //函数声明，变量foo以及其实现被提升到hoistMe函数顶部
        function foo()
        {
            alert("local foo");
        }

        //函数表达式,仅变量bar被提升到函数顶部，实现没有被提升
        var bar = function()
        {
            alert("local bar");
        };


        //定义局部变量
         var v = "local";
    }

    (function()
    {
        hoistMe();

    })();

   //函数表达式和变量表达式只是其声明被提升，函数声明是函数的声明和实现都被提升。
    /**由于函数提升的效果，hoistMe方法相当于
    function hoistMe()
    {
        //函数声明，变量foo以及其实现被提升到hoistMe函数顶部
        function foo()
        {
            alert("local foo");
        }

         //函数表达式,仅变量bar被提升到函数顶部，实现没有被提升(同变量提升)
        var bar = undefined;

        //变量声明被提升
         var v = undefined;

        alert(typeof foo); //function
        alert(typeof bar); //undefined

        foo(); //local foo
        bar(); //报错，缺少对象

        bar = function()
        {
            alert("local bar");
        };

       v = "local";

    }
    */
</script>

</head>
<body>
</body>
</html>