1泻轰、let命令
基本用法
let
用來聲明變量惦辛。它的用法類似于var
界拦,但是所聲明的變量乍楚,只在let
命令所在的代碼塊內(nèi)有效两嘴。
{
let b = 2;
var a = 1;
}
console.log( a );
console.log( b );
for
循環(huán)的計(jì)數(shù)器丛楚,就很合適使用let
命令。
for( var i = 0; i < 5; i++ ) {
// your code
}
console.log( "i = " + i );
// output: i = 5
// 理解:計(jì)數(shù)器i在for循環(huán)體內(nèi)外都有效
for( let j = 0; j < 5; j++ ) {
// your code
}
console.log( "j = " + j );
//output: ReferenceError: j is not defined
// 理解:計(jì)數(shù)器j只在for循環(huán)體內(nèi)有效憔辫,在循環(huán)體外引用就會報錯
常遇到的坑
// eg.3
var a = [];
for( var i = 0; i < 5; i++ ) {
a[i] = function() {
console.log( "i = " + i );
}
}
a[3]();
// output: i = 5
let b = [];
for( let j = 0; j < 5; j++ ) {
b[j] = function() {
console.log( "j = " + j );
}
}
b[3]();
// output: j = 3
理解:
- 變量
i
是var
聲明的趣些,在全局范圍內(nèi)都有效。所以每一次循環(huán)螺垢,新的i
值都會覆蓋舊值喧务,導(dǎo)致最后輸出的是最后一輪的i的值。 - 變量
i
是let
聲明的枉圃,當(dāng)前的i
只在本輪循環(huán)有效功茴,所以每一次循環(huán)的i其實(shí)都是一個新的變量
不存在變量提升
let
與const
命令都不存在變量提升
// use var
console.log( "use var: " + xiaAA );
var xiaAA = "你就會瞎AA";
// use let
console.lgo( xiaBB );
let xiaBB = "你就會瞎BB";
var
存在會發(fā)生”變量提升“現(xiàn)象,即變量可以在聲明之前使用孽亲,值為undefined坎穿。
let
命令改變了語法行為,它所聲明的變量一定要在聲明后使用返劲,否則報錯玲昧。
塊級作用域
ES6的塊級作用域
let
實(shí)際上為 JavaScript 新增了塊級作用域。
function f() {
let n = "37";
if( true ) {
let n = "95k";
}
console.log( "n = " + n );
}
f();
// output: n = 37
上面的函數(shù)有兩個代碼塊篮绿,都用let
聲明了變量n
孵延,運(yùn)行后輸出n = 37
。這表示外層代碼塊不受內(nèi)層代碼塊的影響亲配。如果使用var
定義變量n
尘应,最后輸出的值就是n = 95k
。
塊級作用域的出現(xiàn)吼虎,實(shí)際上使得獲得廣泛應(yīng)用的立即執(zhí)行函數(shù)表達(dá)式(IIFE)不再必要了犬钢。
// IIFE 寫法
(function() {
var n = "";
// your code
}());
// 塊級作用域?qū)懛?{
let n = "";
// your code
}
const命令
基本用法
const
聲明一個只讀的常量。一旦聲明思灰,常量的值就不能改變玷犹。(注:用const命令來聲明變量時,個人習(xí)慣用大寫)
const YY = "37";
console.log( YY );
YY = "67";
console.log( YY );
// TypeError: Assignment to constant variable.
const
聲明的變量不得改變值洒疚,這意味著歹颓,const
一旦聲明變量,就必須立即初始化拳亿,不能留到以后賦值晴股。
const foo;
// SyntaxError: Missing initializer in const declaration
const
的作用域與let
命令相同:只在聲明所在的塊級作用域內(nèi)有效。
if( true ) {
const MAX = 5;
}
MAX // Uncaught ReferenceError: MAX is not defined
const
聲明的常量肺魁,也與let
一樣不可重復(fù)聲明电湘。
var m = "37";
let n = "67";
// 下面再定義會報錯
const m = "73";
const n = "76";