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 变量,可以使用关键字 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
    
  • 创建一个 JavaScript 变量,可以使用关键字 let

    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
    

    let message = 'Hello World!';
    console.log(message); // Hello World
    let myName = "Mike";
    console.log(myName); // Mike
    message = myName; // 将 myName 的值赋给 message
    console.log(message); // Mike

  • 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 现在是声明变量的主要方法。

  • 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 现在是声明变量的主要方法。

  • 在较早的脚本中,能够找到关键字 var 而不是 let

  • 在较早的脚本中,能够找到关键字 var 而不是 let

    varlet

  • 关键字 varlet 都可以用来定义一个变量。

  • 关键字 varlet 都可以用来定义一个变量。

    varlet

  • 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
    
  • var 没有块级作用域。var 能够贯穿 iffor 或其他代码块,相当于能够将它们忽略。

    varvariffor

    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 后被销毁
    

    // 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
    

    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

  • 在函数启动时(或全局脚本启动时)处理 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
    
  • 在函数启动时(或全局脚本启动时)处理 var 声明,即所有 var 都会升到了函数的顶部。

    varvar

    Example

    console.log(phrase);    // undefined,未报错
    var phrase = "Hello";   // 赋值
    console.log(phrase);    // Hello
    
    // 上方代码相当于下方代码
    
    var phrase;
    console.log(phrase);    // undefined,未报错
    phrase = "Hello";   // 赋值
    console.log(phrase);    // Hello
    

    console.log(phrase); // undefined,未报错
    var phrase = "Hello"; // 赋值
    console.log(phrase); // Hello

    // 上方代码相当于下方代码

    var phrase;
    console.log(phrase); // undefined,未报错
    phrase = "Hello"; // 赋值
    console.log(phrase); // Hello

  • let 现在是声明变量的主要方法。

  • let 现在是声明变量的主要方法。

    let

  • 变量命名

    1. 变量名只能包含字母,数字或符号 $ 和 _,第一个字符不能为数字。

      Example

      let $ = 10;
      let _ = 19;
      console.log($ + _);    // 29
      
    2. 当名称包含多个单词时,通常使用驼峰式命名法(camelCase)。

      Example

      let myName = "Mike";
      let myBirthday = "11.01.1911";
      
    3. 保留字,如 letreturn 等不能作为变量名。

  • 变量命名

    1. 变量名只能包含字母,数字或符号 $ 和 _,第一个字符不能为数字。

      Example

      let $ = 10;
      let _ = 19;
      console.log($ + _);    // 29
      
    2. 当名称包含多个单词时,通常使用驼峰式命名法(camelCase)。

      Example

      let myName = "Mike";
      let myBirthday = "11.01.1911";
      
    3. 保留字,如 letreturn 等不能作为变量名。

  • 变量名只能包含字母,数字或符号 $ 和 _,第一个字符不能为数字。

    Example

    let $ = 10;
    let _ = 19;
    console.log($ + _);    // 29
    
  • 变量名只能包含字母,数字或符号 $ 和 _,第一个字符不能为数字。

    Example

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

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

  • 当名称包含多个单词时,通常使用驼峰式命名法(camelCase)。

    Example

    let myName = "Mike";
    let myBirthday = "11.01.1911";
    
  • 当名称包含多个单词时,通常使用驼峰式命名法(camelCase)。

    Example

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

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

  • 保留字,如 letreturn 等不能作为变量名。

  • 保留字,如 letreturn 等不能作为变量名。

    letreturn

  • 常量(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
      
  • 常量(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
      
  • const 就像 let 一样,但是变量的值无法更改。

    Example

    const myBirthday = "11.01.1911";
    myBirthday = "22.02.1922";    // Error: Assignment to constant variable.
    
  • const 就像 let 一样,但是变量的值无法更改。

    constlet

    Example

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

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

  • 使用名称为大写字母和下划线的常量作为难记忆的值的别名

    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
    
  • 使用名称为大写字母和下划线的常量作为难记忆的值的别名

    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
    

    // 颜色十六进制值难记忆、难书写、难阅读,不像年龄一样每年都会改变,这时就可以使用大写的常量,同样,生日日期也可以使用大写常量。
    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_蓝瞳_前端开发者》
    » 本文链接地址:https://www.rokub.com/73724.html
    » 您也可以订阅本站:https://www.rokub.com
    赞(0)
    64K

    评论 抢沙发

    评论前必须登录!