js變量var與let的區別


1.作用域

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

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

  // ...

}

 

console.log(i);

// ReferenceError: i is not defined

//計數器i只在for循環體內有效,在循環體外引用就會報錯

2.變量提升現象

瀏覽器在運行代碼之前會進行預解析,首先解析函數聲明,定義變量,解析完之后再對函數、變量進行運行、賦值等。 不論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 a;

alert(a);//值為undefined

 

alert b;//會報錯

let b;

3.塊級作用域

只要塊級作用域內存在let命令,它所聲明的變量就“綁定”這個區域,不再受外部的影響。而且,在代碼塊內,使用let命令聲明變量之前,該變量都是不可用的,盡管代碼塊外也存在相同全局變量。

示例一:

var tmp = 123;

if (true) {

  tmp = 'abc'; // ReferenceError

  let tmp;

}

示例二:

var tmp = 123;

if (true) {

  //tmp = 'abc';

  let tmp;

}

alert(tmp);  //輸出值為123,全局tmp與局部tmp不影響(假設前面沒有非法使用、沒有拋錯的情況下)

4. let不允許在相同作用域內,重復聲明同一個變量。

// 報錯

function () {

  let a = 10;

  var a = 1;

}

// 報錯

function () {

  let a = 10;

  let a = 1;

}


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM