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. 关键字 varlet 都可以用来定义一个变量。
    3. var 没有块级作用域。var 能够贯穿 iffor 或其他代码块,相当于能够将它们忽略。

      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. 保留字,如 letreturn 等不能作为变量名。

  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

你可能感兴趣的:(JavaScript Basics_Fundamentals Part 1_Variables)