ES6入門到進階第一節 定義變數 let const
阿新 • • 發佈：2018-11-04
本文是自己總結的，把一些概念寫到程式碼裡了，程式碼可以直接執行。
註釋有點多，執行時候注意一下就好了。
let 具備塊級作用域 先定義再使用，同一個作用域裡不能重複定義同一個變數，不會覆蓋會報錯
const 常量 定義好了不能改變，宣告完必須賦值，沒有變數提升
var 只在函式和全局裡有作用域，如果重複定義會覆蓋，作用域 ：全域性作用域和函式（區域性）作用域
ES6加入塊級（區域性）作用域{}
<!DOCTYPE html> <html> <head> <title>定義變數</title> </head> <body> <script type="text/javascript"> //1.關於定義宣告變數 for (var i = 0; i < 10; i ++) { } //alert(i); //彈出10 i為全域性變數 汙染全域性環境 for (let k = 0; k < 10; k ++) { let k = 'abc'; console.log(k); //輸出十次“abc” //不是重複定義，類似父級作用域，子作用域 } //alert(k);//報錯 k is not defined var a = 12; function fn() { //alert(a);//會彈出undefined 優先用區域性 變數提升 var a; alert(a); a = 5; var a = 5; } fn(); let d = 12; function fnd() { //alert(d);//d is not defined 暫時性死區 TDZ let d = 5; } fnd(); /* let 具備塊級作用域 先定義再使用，同一個作用域裡不能重複定義同一個變數，不會覆蓋會報錯 const 常量 定義好了不能改變，宣告完必須賦值，沒有變數提升 var 只在函式和全局裡有作用域，如果重複定義會覆蓋 作用域 ：全域性作用域和函式（區域性）作用域 ES6加入塊級（區域性）作用域{} */ if (true) { var b = 1; let c = 1; } //alert(b); 彈出1 因為是全域性 //alert(c);//報錯 c is not defined //經典例子 //j用var定義都是3，let就彈出相應的數字 var arr = []; for (var j = 0; j < 3; j++) { arr[j] = function() { console.log(j); } } arr[2](); </script> </body> </html>