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