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