ES6?關(guān)鍵字?let?和?ES5?及關(guān)鍵字?var?的區(qū)別解析
var 關(guān)鍵字
在 ES5 及以前，通過var在塊級作用域中聲明的變量，外邊也可以訪問。塊級作用域就是一對{}的作用域；塊級作用域可以是控制語句的作用域，也就是非函數(shù)的作用域。
function f() {
{ var x = 10; }
console.log(x); // => 10
}
在 for 循環(huán)體中的變量 i，可以被打印出來，假如因?yàn)榇a過多，不知道何時(shí)間變量重命名了，只有運(yùn)行時(shí)才報(bào)錯(cuò)。又因?yàn)橹挥泻瘮?shù)才可以創(chuàng)建一個(gè)塊級作用域，所以，針對于上面出現(xiàn)的問題，就要通過 IIFE 來創(chuàng)建一個(gè)塊級作用域。Ben Alman 將它命名為立即執(zhí)行的函數(shù)表達(dá)式（IIFE）：
function iife() {
(function () {
for (var i = 10; i > 0; i--) {}
})();
console.log(i); // => Uncaught ReferenceError: i is not defined
}
let 關(guān)鍵字
var可以穿透控制語句、條件語句這樣的作用域，導(dǎo)致變量沖突經(jīng)常發(fā)生。所以，ES6 的let就可以很好的解決我們的煩惱，這也是為什么現(xiàn)在推薦使用let來聲明變量，而非var。
function f() {
for (var i = 10; i > 0; i--) {}
console.log(i); // => Uncaught ReferenceError: i is not defined
}
補(bǔ)充
如果不給 IIFE 函數(shù)加上分號，啟用格式化代碼之后可能導(dǎo)致兩個(gè) IIFE 函數(shù)連在一起：
(function () {
// ...
})()(function () {
// ...
})();
可以通過!或void來避免：
!(function () {
// ...
})()
void (function () {
// ...
})()
到此這篇關(guān)于ES6 關(guān)鍵字 let 和 ES5 及以前關(guān)鍵字 var 的區(qū)別的文章就介紹到這了,更多相關(guān)ES6 關(guān)鍵字 let 和 ES5內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
這篇文章主要為大家介紹了瀏覽器緩存技術(shù)實(shí)現(xiàn)淺析，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2023-05-05
JavaScript實(shí)現(xiàn)隨機(jī)碼的生成與校驗(yàn)
這篇文章主要為大家詳細(xì)介紹了JavaScript實(shí)現(xiàn)隨機(jī)碼的生成與校驗(yàn)，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-04-04
使用insertAfter()方法在現(xiàn)有元素后添加一個(gè)新元素
為javascript添加insertAfter()方法即在現(xiàn)有元素后添加一個(gè)新元素，示例如下，大家不妨學(xué)習(xí)下2014-05-05
小程序自定義tabbar導(dǎo)航欄及動態(tài)控制tabbar功能實(shí)現(xiàn)方法(uniapp)
在項(xiàng)目中遇到一個(gè)需求,根據(jù)不同的賬號,生成不同的tabBar,下面這篇文章主要給大家介紹了關(guān)于小程序自定義tabbar導(dǎo)航欄及動態(tài)控制tabbar功能實(shí)現(xiàn)方法(uniapp)的相關(guān)資料,需要的朋友可以參考下2022-12-12
JavaScript 自定義彈出窗口的實(shí)現(xiàn)代碼
這篇文章主要介紹了JavaScript 自定義彈出窗口的實(shí)現(xiàn)代碼,實(shí)現(xiàn)一采用html編寫彈出窗口內(nèi)容,實(shí)現(xiàn)二采用JavaScript編寫彈出窗口內(nèi)容,結(jié)合示例代碼給大家介紹的非常詳細(xì),對大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友參考下吧2023-09-09
本篇文章主要介紹了js實(shí)現(xiàn)添加刪除表格（兩種方法）的實(shí)例代碼。具有很好的參考價(jià)值。下面跟著小編一起來看下吧2017-04-04
Popup彈出框添加數(shù)據(jù)實(shí)現(xiàn)方法
這篇文章主要為大家詳細(xì)介紹了Popup彈出框添加數(shù)據(jù)的簡單實(shí)現(xiàn)方法，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-10-10
JS實(shí)現(xiàn)的判斷方法、變量是否存在功能示例
這篇文章主要介紹了JS實(shí)現(xiàn)的判斷方法、變量是否存在功能,涉及javascript針對變量、方法判斷與異常處理操作技巧,需要的朋友可以參考下2018-05-05
淺談使用splice函數(shù)對數(shù)組中的元素進(jìn)行刪除時(shí)的注意事項(xiàng)
下面小編就為大家?guī)硪黄獪\談使用splice函數(shù)對數(shù)組中的元素進(jìn)行刪除時(shí)的注意事項(xiàng)。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-12-12
這篇文章主要介紹了Postman無法正常返回結(jié)果問題解決,文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2020-08-08