JavaScript中的let關鍵字

JavaScript中的let關鍵字


JavaScript中使用var定義變量可能存在的問題       

        var定義的變量沒有塊作用域

        var定義的全局變量會自動添加全局window對象的屬性

        var定義的變量會提前裝載

    而let關鍵字的出現解決了以上的問題：

                     <script type="text/javascript">
                
                for( let i = 0;i<10;i++){
                       console.log(i);
                }
                console.log("循環體之外" + i);
            </script>

       上面的程序中使用let變量定義的i只能在循環體中有效，因此在程序體之外訪問i變量會導致程序報錯，如果將let換成var定義i，i變量的作用於會擴散到循環體之外，如下所示：

                     <script type="text/javascript">
                
                for( var i = 0;i<10;i++){
                     console.log(i);
                }
                console.log("循環體之外" + i);
            </script>

                   <script type="text/javascript">
                let name = "gg" ;
                console.log(name);
                console.log(windos.name);
            </script>

    上面的代碼使用let定義變量name，這個變量不存在任何函數內，屬於全局變量，但是與var定義全局變量不同，使用let定義的全局變量不會變成window對象的屬性，因此上面的程序訪問window.name將會看不到任何輸出。


    使用var定義的變量會提前加載，而使用let定義的變量要等到程序流執行到定義變量的代碼時才會加載。

                    <script type="text/javascript">
                var name ='gg';
                function func(){
                    console.log(name);
                    let name = 'jj';
                    console.log(name);
                }
                    func();    
            </script>

    上面定義一個全局變量name，接下來的func（）函數中使用let定義了同名的name變量，此時局部變量name會覆蓋全局變量，但是由於使用let定義的變量不會提前裝載，因此func（）函數在使用let定義局部變量之前訪問name變量會導致錯誤--如果將func（）函數中的let改成var關鍵字定義，則會輸出undefined，再輸出局部變量name的值。
原文鏈接：https://blog.csdn.net/ibliplus/java/article/details/81047913