ES6中let與var的區別

2021-08-31 18:49:18 字數 1200 閱讀 2929

通過var定義的變數，作用域是整個封閉函式，是全域的 。通過let定義的變數，作用域是在塊級或是子塊中。

for (let i = 0; i < 10; i++) 


console.log(i);


// referenceerror: i is not defined


//計數器i只在for迴圈體內有效，在迴圈體外引用就會報錯。
變數提公升現象：瀏覽器在執行**之前會進行預解析，首先解析函式宣告，定義變數，解析完之後再對函式、變數進行執行、賦值等。

-不論var宣告的變數處於當前作用域的第幾行，都會提公升到作用域的頭部。

-var 宣告的變數會被提公升到作用域的頂部並初始化為undefined，而let宣告的變數在作用域的頂部未被初始化

// var 的情況


console.log(foo); // 輸出undefined


var foo = 2;


//相當於


var foo;  //宣告且初始化為undefined


console.log(foo);


foo=2;
// let 的情況


console.log(bar); // 報錯referenceerror


let bar = 2;


//相當於在第一行先宣告bar但沒有初始化，直到賦值時才初始化
但是直接用let宣告變數不賦值是會列印undefined，還是初始化了，只是let宣告放在賦值之後，let宣告會提前但不會初始化。

let a;


alert(a);//值為undefined


alert b;//會報錯


let b;
只要塊級作用域內存在let命令，它所宣告的變數就「繫結」這個區域，不再受外部的影響。總之，在**塊內，使用let命令宣告變數之前，該變數都是不可用的，儘管**塊外也存在相同全域性變數。

var tmp = 123;


if (true) 


alert(tmp);  //輸出值為123，全域性tmp與區域性tmp不影響
let不允許在相同作用域內，重複宣告同乙個變數。

// 報錯


function () 


// 報錯


function ()

Es6中let與var區別

let用法類似於var，但是所宣告的變數，只在let命令所在的 塊內有效。for let i 0 i 10 i let與for完美搭配，只在迴圈體內有效function f1 console.log n 5 外層 不受內層 的影響例 var var a for var i 0 i 10 i a 6 ...

ES6中let與var的區別

for let i 0 i 10 i console.log i referenceerror i is not defined 計數器i只在for迴圈體內有效，在迴圈體外引用就會報錯。var 的情況 console.log foo 輸出undefined var foo 2 相當於 var foo...

ES6中let與var的區別

通過var定義的變數，作用域是整個封閉函式，是全域的 通過let定義的變數，作用域是在塊級或是子塊中。for let i 0 i 10 i console.log i referenceerror i is not defined 計數器i只在for迴圈體內有效，在迴圈體外引用就會報錯。變數提公升現...