在 ES5 只有全局作用域和函數作用域，沒有塊級作用域，這帶來很多不合理的場景。

我們先來看一下下面這種情況：內層變量可能會覆蓋外層變量。

var txt = '外層變量-->你好呀';function fn() {console.log(txt);if (false) {var txt = '內層變量-->hello';} }fn();//undefined

上面代碼的原意是，if代碼塊的外部使用外層的 txt 變量，內部使用內層的 txt 變量。但是，函數 fn 執行后，輸出結果為undefined，原因在于變量提升，導致內層的 txt 變量覆蓋了外層的 txt 變量。

ES6 的塊級作用域

let實際上為 JavaScript 新增了塊級作用域

let txt = '外層變量-->你好呀';function fn() {console.log(txt);if (false) {let txt = '內層變量-->hello';} }fn();

上面的函數有兩個代碼塊，都聲明了變量 txt，運行后輸出 '外層變量-->你好呀'。這表示外層代碼塊不受內層代碼塊的影響。

塊級作用域與函數聲明

這個這就不多做解釋了，因為用到的不是很多，沒有什么必要深入了解，這里就簡單說一下

ES5 規定，函數只能在頂層作用域和函數作用域之中聲明，不能在塊級作用域聲明。

而ES6 引入了塊級作用域，明確允許在塊級作用域之中聲明函數。ES6 規定，塊級作用域之中，函數聲明語句的行為類似于let，在塊級作用域之外不可引用。

function fn() {console.log('哈哈哈'); }(function() {if (false) {// 重復聲明一次函數fnfunction fn() {console.log('啦啦啦');}}f(); }());

上面這段代碼是 ES6 的寫法，但是如果在 ES5 中運行也是能出來的

因為瀏覽器沒有遵守這個規定，為了兼容以前的舊代碼，還是支持在塊級作用域之中聲明函數，因此上面兩種情況實際都能運行，不會報錯。

總結

以上是生活随笔為你收集整理的es6 ie不兼容 函数_ES6：什么是块级作用域？的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。