ES6是js語言的國際標準,js是ES6的實現。
檢測瀏覽器對的ES6的支持程度
image.png
tracecur轉碼器將es6翻譯成es5
image.png
image.png
注意
轉碼器
let##
image.png
let基本用法
let不存在變量的提升
image.png
暫時性死區
聲明變量之前,如果使用到該變量,則發生暫時性死區
瀏覽器報錯 ,不允許重復聲明
image.png
不受外界影響
image.png
模塊內部不允許重復聲明
bcd會報錯
不允許
模塊之間可以
之間
塊級作用域
image.png
變量提升內層覆蓋外層
image.png
i值變為全局變量,占用內存
塊級作用域相對獨立
image.png
立即執行函數IIFE
(function(){}());
es5
不管判斷,先執行函數,把inside函數做提升,覆蓋outside函數
es6
結果
image.png
image.png