快捷導(dǎo)航

JavaScript?ES6語法中l(wèi)et,const?,var?的區(qū)別

更新時(shí)間：2022年01月10日 08:37:08 作者：小高今天早睡了嗎？

這篇文章主要為大家介紹了JavaScript中l(wèi)et,const?,var?的區(qū)別，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下，希望能夠給你帶來幫助

一、變量聲明的方式let / const

let / const 共同點(diǎn)
1.都是塊級(jí)作用域
2.在同一個(gè)作用域下,變量名不允許重復(fù)
3.他們聲明的全局變量并沒有掛在 window對(duì)象上
4.都沒有預(yù)編譯

let / const 不同點(diǎn)
1.let 聲明的變量值可以改變
2.const 聲明的變量值不能改變,必須聲明后立即賦值 (如：const a = 3.14;)
3.const 存引用數(shù)據(jù)類型時(shí)，內(nèi)容可以發(fā)生改變(地址不能改變)

優(yōu)先考慮使用const , 如果變量會(huì)發(fā)生改變，就使用let , 最后使用var

for循環(huán)中 var 和 let 的區(qū)別

var： 變量i是var命令聲明的，在全局范圍內(nèi)都有效，所以全局只有一個(gè)變量i。每一次循環(huán)，變量i的值都會(huì)發(fā)生改變，而循環(huán)內(nèi)被賦給計(jì)時(shí)器內(nèi)部的函數(shù)console.log(i) 里面的i指向的就是全局的i。計(jì)時(shí)器是異步的，for循環(huán)結(jié)束后才執(zhí)行。

        for(var i = 1 ; i < 10 ; i++){
            setTimeout(function () {
                console.log(i);   // 輸出為 9 個(gè) 10
            })
        }

let：變量i是let聲明的，當(dāng)前的i只在本輪循環(huán)有效，所以每一次循環(huán)的i其實(shí)都是一個(gè)新的變量，所以最后輸出的是 1 2 3 4 5 6 7 8 9 10 。因?yàn)?JavaScript 引擎內(nèi)部會(huì)記住上一輪循環(huán)的值，初始化本輪的變量 i 時(shí)，就在上一輪循環(huán)的基礎(chǔ)上進(jìn)行計(jì)算。

        for(let i = 0 ; i < 10 ; i++){
            setTimeout(function () {
                console.log(i);  // 0 1 2 3 4 5 6 7 8 9 
            })
        }