码迷,mamicode.com
首页 > Web开发 > 详细

js 变量提升+方法提升

时间:2015-07-21 23:59:46      阅读:380      评论:0      收藏:0      [点我收藏+]

标签:

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <script type="text/javascript">
        var a = 100;
        function t() {
            alert(a);
            var a = 10;
        }
        t();      //输出结果为undefined
//        t()方法变量提升实质:

//        var a = 100;
//        function t() {
//            var a;
//            alert(a);
//            var a = 10;
//        }
//        t();


        var status = "outher";
        function showStatus() {
            var outStatus = status;
            var status = "inner";
            var innerStatus = status;
            function status() {}
            alert(outStatus);       //输出status方法体“function status() {}”
            alert(innerStatus);     //输出inner
        }
        showStatus();

        //变量提升实质:
        //js变量提升+方法提升。第44行status方法提升后,outStatus = status中的status指向了一个函数status,
        // 而不是变量,同理,若status提升在40行,则var status指向函数。输出结果一致。
//        var status = "outher";
//        function showStatus() {a
//            //status();
//            var outStatus;
//            var status;
//            var innerStatus;
//            status();
//            outStatus = status;
//            status = "inner";
//            innerStatus = status;
//            function status() {}
//            alert(outStatus);
//            alert(innerStatus);
//        }
//        showStatus();
    </script>
</head>
<body>

</body>
</html>

 

js 变量提升+方法提升

标签:

原文地址:http://www.cnblogs.com/Teofil/p/4665951.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!