JavaScript基础——var，let，const

var关键字

1.，var声明的范围是函数作用域。并且在函数执行完毕退出的时候会被销毁

function fn(){
      var a=10;
    }
    fn();
    console.log(a);//Uncaught ReferenceError: a is not defined

2.但是如果在声明变量的时候，没有使用var，就变成了全局变量，只需要定义一次fn2函数，就可以在外部进行访问（如果不执行fn2函数则不行，因为并没有进行声明）

  function fn2(){
      message="D";
    }
    fn2();
    console.log(message);//D 这里也相当于是window.message
    console.log(window.message);//D

3.变量声明提升

使用var时,声明的变量会自动提升到函数作用域的顶部，比如下面的代码就不会报错.

  function foo() {
        console.log(message); //undefined
        var message = "D";
      }
      foo()

let关键字

1.let声明的范围是块级作用域，而var声明的范围是函数作用域。

if (true) {
        var b = 20;
        console.log(b);//20
      }
      console.log(b);//20


      if (true) {
        let a = 20;
        console.log(a);//20
      }
      console.log(a);//Uncaught ReferenceError: a is not defined

2.let也不允许同一个块中重复声明。

 var a;
      var a;

      let b;
      let b;//Uncaught SyntaxError: Identifier "b" has already been declared;
      //b 已经声明过了。

3.但是可以在不同的块中使用相同的变量名。

 function fn() {
        let a = 20;
        console.log(a);//20
        if (true) {
          let a = 30;
          console.log(a);//30
        }
      }
      fn();

4.暂时性死区

let 与 var的另一个区别就是，let声明的变量不会在作用域中进行提升。

 console.log(age);
      let age=20;//Uncaught ReferenceError: Cannot access "age" before initialization

5.全局声明

和var不同的是，let声明的变量不会称为window对象的属性

 var a="aaa";
      console.log(window.a);//20

      let b="bbb";
      console.log(window.b);//undefined

const关键字

1.与let基本相同，唯一一个重要的区别就是在使用const关键字进行声明变量的时候都必须进行初始化，并且不允许修改变量。

2.说不能修改const声明的变量的引用，但是如果声明的是一个对象的话，我们可以修改它的属性。

      const obj = {
        name: "D",
      };
      console.log(obj.name);//D

      obj.name = "Ding";
      console.log(obj.name);//Ding