JS变量和函数式编程-var、let、const、全局变量、局部变量、块级作用域、循环作用域

变量

变量作用域

• 全局变量

  在函数外声明的变量作用域是全局的

  全局变量在 JavaScript 程序的任何地方都可以访问

  var carName = "Volvo";
   
  // 这里可以使用 carName 变量
   
  function myFunction() {
      // 这里也可以使用 carName 变量
  }
  

• 函数内的局部变量

  在函数内声明的变量作用域是局部的（函数内）

  函数内使用** var** 声明的变量只能在函数内访问，如果不使用 var 则是全局变量。

  // 这里不能使用 carName 变量
   
  function myFunction() {
      var carName = "Volvo";
      // 这里可以使用 carName 变量
  }
   
  // 这里不能使用 carName 变量
  

• 块级作用域

  使用 var 关键字声明的变量不具备块级作用域的特性，它在 {} 外依然能被访问到。

  { 
      var x = 2; 
  }
  // 这里可以使用 x 变量
  

  在 ES6 之前，是没有块级作用域的概念的。

  ES6 可以使用 let 关键字来实现块级作用域。

  let 声明的变量只在 let 命令所在的代码块 {} 内有效，在 {} 之外不能访问。

  { 
      let x = 2;
  }
  // 这里不能使用 x 变量
  

• 循环作用域

  • 使用 var 关键字

    使用 var 关键字，它声明的变量是全局的，包括循环体内与循环体外

    var i = 5;
    for (var i = 0; i < 10; i++) {
        // 一些代码...
    }
    // 这里输出 i 为 10
    

  • 使用 let 关键字

    使用 let 关键字， 它声明的变量作用域只在循环体内，循环体外的变量不受影响

    let i = 5;
    for (let i = 0; i < 10; i++) {
        // 一些代码...
    }
    // 这里输出 i 为 5
    

var/let/const关键字的区别

• 重置变量

  • 使用 var 关键字声明的变量在任何地方都可以修改

    var x = 2;
     
    // x 为 2
     
    var x = 3;
     
    // 现在 x 为 3
    

  • 在相同的作用域或块级作用域中，不能使用 let 关键字来重置 var 关键字声明的变量

    var x = 2;       // 合法
    let x = 3;       // 不合法
    
    {
        var x = 4;   // 合法
        let x = 5   // 不合法
    }
    

  • 在相同的作用域或块级作用域中，不能使用 let 关键字来重置 let 关键字声明的变量

  • 在相同的作用域或块级作用域中，不能使用 var 关键字来重置 let 关键字声明的变量