JS的var和let的區別（詳細講解）

時間 2020-01-17

標籤 var let 區別詳細講解欄目 JavaScript 简体版

原文原文鏈接

let是ES6新增的，它主要是彌補var的缺陷，你也能夠把let看作var的升級版。下面我就來詳細講講var和let的區別javascript

相同點：css

var和let都有函數級做用域html

不一樣點：java

（1）var是全局做用域，let不是閉包

var 和 let 聲明的變量在全局做用域中被定義時，二者很是類似。可是，被let聲明的變量不會做爲全局對象window的屬性，而被var聲明的變量卻能夠函數

let  a = 'aaa;
var b = 'bbb'; 

console.log(window.a); // undefined
console.log(window.b);  //'bbb'

（2）var沒有塊級做用域，let有快級做用域spa

let有塊級做用域，而var沒有塊級做用域，這是兩者最明顯的區別。例如：3d

var func;
if(1 == 1){
    var name = "LHS"
    func = function(){
        console.log(name)
    }
}

name = "ljq";
func();//輸出的：ljq

通常狀況咱們都但願把塊級內的與塊級內數據區分，但var沒有塊級做用域，只有函數做用域code

若是你們還不理解，我再舉例子：htm

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>閉包</title>
        <style type="text/css">
            div {
                width: 100px;
                height: 100px;
                background: lightgreen;
                float: left;
                margin: 20px;
                font: 30px/100px "microsoft yahei";
                text-align: center;
            }
        </style>
    </head>
    <body>
        <div>a</div>
        <div>b</div>
        <div>c</div>
        <div>d</div>
        <div>e</div>
        <div>f</div>
        <div>g</div>
        <div>h</div>
        <div>i</div>
        <div>j</div>
    </body>
    <script type="text/javascript">
        var divs=document.getElementsByTagName("div");
        for (var i=0;i<divs.length;i++) {
            divs[i].onclick=function(){
               alert(i);//都是輸出：10
            }
        }
    </script>
</html>

運行結果，點擊輸出都是10

以上問題就是var沒有塊級做用域，咱們能夠把函數做用域代替了塊級做用域，用閉包解決問題：

var divs=document.getElementsByTagName("div");
for (var i=0;i<divs.length;i++) {
    (function(i){
        divs[i].onclick=function(){
            alert(i);
        }
    })(i)
}

閉包寫起來有點麻煩，但使用let的話就能夠一步到位：

var divs=document.getElementsByTagName("div");
for (let i=0;i<divs.length;i++) {
    divs[i].onclick=function(){
        alert(i);
    }
}

結果跟使用閉包同樣，但比閉包簡單

（3）var屬於ES5規範，let屬於ES6規範

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。