JavaScript變量聲明var,let.const及區(qū)別淺析

var x = 0; // x是全局變量，并且賦值為0。
console.log(typeof z); // undefined，因?yàn)閦還不存在。
function a() { // 當(dāng)a被調(diào)用時(shí)，
 var y = 2;  // y被聲明成函數(shù)a作用域的變量，然后賦值成2。
 console.log(x, y);  // 0 2 
 function b() {    // 當(dāng)b被調(diào)用時(shí)，
  x = 3; // 全局變量x被賦值為3，不生成全局變量。
  y = 4; // 已存在的外部函數(shù)的y變量被賦值為4，不生成新的全局變量。
  z = 5; // 創(chuàng)建新的全局變量z，并且給z賦值為5。 
 }     // (在嚴(yán)格模式下（strict mode）拋出ReferenceError)
 b();   // 調(diào)用b時(shí)創(chuàng)建了全局變量z。
 console.log(x, y, z); // 3 4 5
}
a();          // 調(diào)用a時(shí)同時(shí)調(diào)用了b。
console.log(x, z);   // 3 5
console.log(typeof y); // undefined，因?yàn)閥是a函數(shù)的本地（local）變量。

function varTest() {
 var x = 1;
 if (true) {
  var x = 2; // 同樣的變量!
  console.log(x); // 2
 }
 console.log(x); // 2
}
function letTest() {
 let x = 1;
 if (true) {
  let x = 2; // 不同的變量
  console.log(x); // 2
 }
 console.log(x); // 1
}

var a = 1;
var b = 2;
if (a === 1) {
 var a = 11; // the scope is global
 let b = 22; // the scope is inside the if-block
 console.log(a); // 11
 console.log(b); // 22
} 
console.log(a); // 11
console.log(b); // 2

// 注意: 常量在聲明的時(shí)候可以使用大小寫(xiě)，但通常情況下全部用大寫(xiě)字母。 
// 定義常量MY_FAV并賦值7
const MY_FAV = 7;
// 報(bào)錯(cuò)
MY_FAV = 20;
// 輸出 7
console.log("my favorite number is: " + MY_FAV);
// 嘗試重新聲明會(huì)報(bào)錯(cuò) 
const MY_FAV = 20;
// MY_FAV 保留給上面的常量，這個(gè)操作會(huì)失敗
var MY_FAV = 20; 
// 也會(huì)報(bào)錯(cuò)
let MY_FAV = 20;
// 注意塊范圍的性質(zhì)很重要
if (MY_FAV === 7) { 
  // 沒(méi)問(wèn)題，并且創(chuàng)建了一個(gè)塊作用域變量 MY_FAV
  // (works equally well with let to declare a block scoped non const variable)
  let MY_FAV = 20;
  // MY_FAV 現(xiàn)在為 20
  console.log('my favorite number is ' + MY_FAV);
  // 這被提升到全局上下文并引發(fā)錯(cuò)誤
  var MY_FAV = 20;
}
// MY_FAV 依舊為7
console.log("my favorite number is " + MY_FAV);
// 常量要求一個(gè)初始值
const FOO; // SyntaxError: missing = in const declaration
// 常量可以定義成對(duì)象
const MY_OBJECT = {"key": "value"};
// 重寫(xiě)對(duì)象和上面一樣會(huì)失敗
MY_OBJECT = {"OTHER_KEY": "value"};
// 對(duì)象屬性并不在保護(hù)的范圍內(nèi)，下面這個(gè)聲明會(huì)成功執(zhí)行
MY_OBJECT.key = "otherValue";
// 也可以用來(lái)定義數(shù)組
const MY_ARRAY = [];
// It's possible to push items into the array
// 可以向數(shù)組填充數(shù)據(jù)
MY_ARRAY.push('A'); // ["A"]
// 但是，將一個(gè)新數(shù)組賦給變量會(huì)引發(fā)錯(cuò)誤
MY_ARRAY = ['B']

for(var i=0;i<=1000;i++){ 
var sum=0; 
sum+=i; 
} 
alert(sum);

const PI=3.14;