let和var的區別示例

最新推荐文章于 2024-09-16 08:47:17 发布

半吊子的程序狗

最新推荐文章于 2024-09-16 08:47:17 发布

阅读量238

点赞数 3

文章标签： javascript 前端开发语言

本文链接：https://blog.csdn.net/u010031813/article/details/141186283

版权

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script>


        //函數返回到外部，其實形成了閉包。let只在let所在的命令塊中有效。

        function varTest(){
            var arrList=[];
            // 注意：這裡定義i變量時，使用的是var來定義
            for(var i=0;i<5;i++){
                arrList[i]=function(){
                    console.log(i);

                };
            }
            return arrList;
        }

        function letTest(){
            var arrList=[];
            // 注意：這裡定義i變量時，使用的是let來定義
            for(let i=0;i<5;i++){
                arrList[i]=function(){
                    console.log(i);

                };
            }
            return arrList;
        }

        var varList=varTest();
        varList[0]();
        varList[1]();
        varList[2]();
        varList[3]();
        varList[4]();



        var letList=letTest();
        letList[0]();
        letList[1]();
        letList[2]();
        letList[3]();
        letList[4]();



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