js中的變數-有解無憂

在JavaScript中，我們用var關鍵字來宣告一個變數，var關鍵字后緊跟變數的名稱，例如：

 var a1 = 40;

a1就是變數的名稱，用來標識一個變數，所以它又稱為變數的識別符號，一個變數的識別符號必須是由字母、數字、下劃線組成，但首字符不能為數字，如：

1user、#user 都不是正確的識別符號，而user1、_user是正確的識別符號，在JavaScript開發中，識別符號命名方式通常采用駝峰命名法，如：userName、userPassCode，首個字符小寫，后續每個單詞的首字符大寫，形似一頭駱駝的駝峰，

  var a1 = 40;
  var a2;
  var a3 = "hello";
  console.log(a1,a2,a3);

在上述代碼中，a1被賦值為40，而a2沒有被賦值，a3被賦值為一串字符，通過console.log陳述句，我們可以在瀏覽器的控制臺列印出它們的值，變數a1的值為40，變數a2因為沒有被賦值，瀏覽器列印出一個"undefined"值，而a3列印出"hello"的一串字符，我們稱之為字串，

變數提升

在JavaScript中，如果先使用一個變數，在后面才宣告它，JavaScript解釋器也不會報錯，好像我們預先宣告了它一樣，這種現象就叫變數提升，例如：

  //變數提升
  console.log(var1)  //undefined
  var var1 = 20;
  // console.log(var2) 未定義，不能直接使用

在上述代碼中，我們先使用了變數var1，后面才宣告了它，并賦值為20，盡管存在變數提升的現象，但變數在使用的時候，它的值還是"undefined"，其編碼等價于：

  var var1;
  console.log(var1);
  var1 = 20;
  // console.log(var2)

先宣告了一個變數var1，沒有被賦值，然后再使用變數var1，其后再給var1賦值，最后一行var2因為沒有預先宣告，解釋器運行到這兒會報錯，它不屬于變數提升的范疇，

全域變數

在函式體外通過var宣告的變數都是全域變數，全域變數一旦宣告后，在代碼的整個作用域里都可以使用，例如：

  var var1;
  console.log(var1);
  var1 = 20;
  // console.log(var2) //error
  var var2 = "hello world!"
  //定義一個函式add
  function add(x,y){
      let result = x + y;
      return result;
  }
  console.log(var2); //顯示hello world

上面宣告了一個變數var2，并賦值"hello world"，中間又定義了一個函式add（關于函式的使用，后面章節再詳細介紹），最后列印變數var2，程式可正常執行，

一個全域變數也是window的變數，對于上述代碼中的變數var1，我們也可以通過window物件，用點運算子引出var1，并使用它，如：

  var var1;
  console.log(var1);
  var1 = 20;
  console.log(var1);
  console.log(window.var1);

區域變數

在函式體內通過var宣告的變數就是一個區域變數，區域變數只在函式體內有效，例如：

  var var1 = "global";
  console.log(var1);
  function local(){
      var var1="local";
      console.log(var1); //輸出"local"
  }
  local();
  console.log(var1); //輸出"global"

上面代碼在函式體外申明了一個變數var1，并賦值"global"，中間定義了一個函式local()，然后執行函式local，解釋器輸出區域變數var1地值“local”，最后一行輸出全域變數var1地值“global”，

常量

常量用關鍵字const進行宣告，常量宣告并賦值后不可以再次賦值，否則解釋器就會報錯，例如：

      const c1 = 40;
      //c1 = 60; 常數不能再賦值
      console.log(c1);

塊級作用域

變數可以用var關鍵字進行宣告，也可以用let關鍵字進行宣告，而let宣告的變數在塊作用域內有效，例如：

  console.log(var6); //列印出undefined
  {
      var var6 = 30;
      let var7 = 5;
      console.log(var6); //列印出30
      console.log(var7); //列印出5
  }
  console.log(var6); //列印出30
  //console.log(var7); 超出作用域，不能使用

變數var7在括號內部用let關鍵字進行宣告，并賦值未5，其在括號的作用域范圍了可以正常使用，在括號外面使用就會報錯，

常量也只是在塊級作用域里有效，

注意：全域變數實際上是系結在window物件上地一個變數，

  var var1 = "str";
  console.log(var1);   //輸出"str"
  console.log(window.var1);//輸出"str"

文章同時發表在：碼農編程網歡迎訪問

本節重點：

變數需先宣告再賦值，才可以正常使用
由于JavaScript解釋器存在變數提升的功能，如果我們先使用變數，接著再宣告變數，解釋器也有正常運行，只是這時變數的值是undefined
用var宣告的變數是全域變數，用let宣告的變數是區域變數，他們的作用范圍不一樣，
const宣告的全域變數，一旦賦值后不能被再次賦值，

本文來自博客園，作者：崎嶇行者，轉載請注明原文鏈接：https://www.cnblogs.com/qqxz/p/17385111.html

轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/552030.html

標籤：JavaScript

上一篇：什么是jsonp

下一篇：返回列表