快捷導(dǎo)航

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

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

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

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

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

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

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

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

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

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

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

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

總結(jié)

本篇文章就到這里了，希望能夠給你帶來幫助，也希望您能夠多多關(guān)注腳本之家的更多內(nèi)容!

您可能感興趣的文章:

相關(guān)文章

微信小程序之picker日期和時間選擇器
本篇文章主要介紹了微信小程序之picker選擇器，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2017-02-02
微信小程序通過api接口將json數(shù)據(jù)展現(xiàn)到小程序示例
這篇文章主要介紹了微信小程序通過api接口將json數(shù)據(jù)展現(xiàn)到小程序示例，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2017-01-01
JS前端使用canvas搞一個手勢識別
這篇文章主要為大家介紹了JS前端使用canvas搞一個手勢識別的實現(xiàn)示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪
2022-08-08
微信小程序小程序制作及動畫（animation樣式）詳解
這篇文章主要介紹了微信小程序小程序制作及動畫詳解的相關(guān)資料,這里對小程序制作進行了詳解，介紹動畫部分的知識，需要的朋友可以參考下
2017-01-01
微信小程序 video詳解及簡單實例
這篇文章主要介紹了微信小程序 video詳解及簡單實例的相關(guān)資料,需要的朋友可以參考下
2017-01-01
Express框架兩個內(nèi)置中間件方法詳解
這篇文章主要為大家介紹了Express框架兩個內(nèi)置中間件方法詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪
2023-03-03
詳解微信小程序相對定位和絕對定位
這篇文章主要介紹了詳解微信小程序相對定位和絕對定位的相關(guān)資料,需要的朋友可以參考下
2017-05-05
VSCode多行注釋插件KoroFileHeader使用示例
這篇文章主要為大家介紹了VSCode多行注釋插件KoroFileHeader使用示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪
2023-03-03
微信小程序 input輸入及動態(tài)設(shè)置按鈕的實現(xiàn)
這篇文章主要介紹了微信小程序 input輸入及動態(tài)設(shè)置按鈕的實現(xiàn)的相關(guān)資料,希望通過本文能幫助到大家，需要的朋友可以參考下
2017-10-10
JavaScript的單線程和異步詳細
這篇文章要給大家分享的是JavaScript的單線程和異步，其實單線程和異步確實不能同時成為一個語言的特性，js選擇了成為單線程的語言，所以它本身不可能是異步的，但js宿主環(huán)境是多線程，宿主環(huán)境通過某種方式使js具備了異步屬性，下面就來具體介紹,需要的朋友可以參考一下
2021-10-10