javascript中let和var的區別

0.1 2018.02.23 11:06* 字數 584

let是es6中新增命令，也是用來宣告變數的，可能很多小夥伴都像我一樣，定義變數的時候都會用var而很少用到let，那麼，let和var到底有什麼區別呢？

let和var的區別體現在作用域上。var的作用域被規定為乙個函式作用域，而let則被規定為塊作用域，塊作用域要比函式作用域小一些，但是如果兩者既沒在函式中，也沒在塊作用域中定義，那麼兩者都屬於全域性作用域。

全域性作用域

var 和 let 宣告的變數在全域性作用域中被定義時，兩者非常相似

let bar = 'hehe';
var baz = 'lala';

但是，被let宣告的變數不會作為全域性物件window的屬性，而被var宣告的變數卻可以

console.log(window.bar);  //undefined
console.log(window.baz); // 'able'

函式作用域

var 和 let 在函式作用域中宣告乙個變數，兩個變數的意義是相同的。

function  afun()

塊作用域

在塊作用域中兩者的區別較為明顯， let只在for()迴圈中可用，而 var是對於包圍for迴圈的整個函式可用

function  afun1()
// i 對於for迴圈外的範圍是不可見的(i is not defined)
}function afun2()
// i 對於for迴圈外的範圍是可見的
}

let 和var 重新宣告

var允許在同一作用域中宣告同名的變數，而let不可以

let me  = 'foo';
let me  = 'bar'; //syntaxerror: identifier 'me' has already been declared
var me = 'foo';
var me = 'bar'; //這裡me被替代了，是可以重複宣告的

es6中還有乙個宣告變數的命令const，const和let都是在宣告的塊作用域中有效，但是let宣告的變數可變，值和型別都可以改變，沒有限制。const宣告額變數不能改變，所以，const一旦宣告乙個變數，就必須馬上初始化，不能留到以後賦值

const hehe; //報錯，missing initializer in const declaration
const a = 3;
a = 5; //報錯，uncaught typeerror: assignment to constant variable.

以上就是let和var在不同作用域下的區別

那麼在什麼情況下要用到let呢？

let 在塊作用域中有效，有的時候，我們為了降低變數汙染的風險，在塊作用域中使用let來代替var，這樣不會汙染塊作用域的外部作用域，降低 bug率，使**更安全。