JavaScript Basics_Fundamentals Part 1_Variables

JavaScript Variables

JavaScript 變數（Variables）是用於存儲數據值的容器。

1. 創建一個 JavaScript 變數，可以使用關鍵字 let。

   Example

   let message = 'Hello World!';
   console.log(message);    // Hello World
   let myName = "Mike";
   console.log(myName);     // Mike
   message = myName;        // 將 myName 的值賦給 message
   console.log(message);    // Mike

2. The "old" var

   1. 在較早的腳本中，能夠找到關鍵字 var 而不是 let。
   2. 關鍵字 var 與 let 都可以用來定義一個變數。

   3. var 沒有塊級作用域。var 能夠貫穿 if、for 或其他代碼塊，相當於能夠將它們忽略。

      Example 1

      // var
      if(true)
      {
          var appleColor = 'red';
      }
      
      console.log(appleColor);    // 返回 red，可知變數經過 if 後依然存活
      
      // let
      if(true)
      {
          let appleColor = 'red';
      }
      
      console.log(appleColor);    // Error: appleColor is not defined，可知變數經過 if 後被銷毀

      Example 2

      for(var i = 0; i < 10; i++)
      {
          var getNumber1 = i;
          let getNumber2 = i;
      }
      console.log(i);           // 10
      console.log(getNumber1);  // 9
      console.log(getNumber2);  // Error: getNumber2 is not defined
      
      for(let j = 0; j < 10; j++)
      {
          // ...
      }
      console.log(j);    // Error: j is not defined

   4. 在函數啟動時（或全局腳本啟動時）處理 var 聲明，即所有 var 都會升到了函數的頂部。

      Example

      console.log(phrase);    // undefined，未報錯
      var phrase = "Hello";   // 賦值
      console.log(phrase);    // Hello
      
      // 上方代碼相當於下方代碼
      
      var phrase;
      console.log(phrase);    // undefined，未報錯
      phrase = "Hello";   // 賦值
      console.log(phrase);    // Hello

   5. let 現在是聲明變數的主要方法。

3. 變數命名

   1. 變數名只能包含字母，數字或符號 $ 和 _，第一個字元不能為數字。

      Example

      let $ = 10;
      let _ = 19;
      console.log($ + _);    // 29

   2. 當名稱包含多個單詞時，通常使用駝峰式命名法（camelCase）。

      Example

      let myName = "Mike";
      let myBirthday = "11.01.1911";

   3. 保留字，如 let、return 等不能作為變數名。

4. 常量（Constants)

   1. const 就像 let 一樣，但是變數的值無法更改。

      Example

      const myBirthday = "11.01.1911";
      myBirthday = "22.02.1922";    // Error: Assignment to constant variable.

   2. 使用名稱為大寫字母和下劃線的常量作為難記憶的值的別名

      Example

      // 顏色十六進位值難記憶、難書寫、難閱讀，不像年齡一樣每年都會改變，這時就可以使用大寫的常量，同樣，生日日期也可以使用大寫常量。
      const COLOR_RED = "#F00";
      const COLOR_GREEN = "#0F0";
      const COLOR_BLUE = "#00F";
      const COLOR_ORANGE = "#FF7F00";
      
      let appleColor = COLOR_RED;
      console.log(appleColor);    // #F00