var与let、const之间的区别

var与let、const之间的区别

1.var所定义的变量会挂载到window上，而let和const不会。

  var num=666;
  console.log(num);       //666
  console.log(window.num);//666
  
  // const同理
  let num=888;
  console.log(num);       //888
  console.log(window.num);//undefined

2.var定义变量存在变量提升的现象，let和const并没有。

 console.log(num)   //undefined
 var num=100;   
 //将变量声明提前到最前面，这样的话不会报错，但输出的是undefined,提升后的代码如下所示
 var num;
 console.log(num);
 num=100;

  //由于let和const没有变量提示，所以先使用后定义直接报错
  console.log(num);  //报错，Cannot access 'num' before initialization 即 初始化前不得使用变量
  let num=100;  

3.let和const在块级作用域中定义，块级作用域以外无法访问，而var可以。

{
  //这就是块级作用域
  let num=200;  
  var num2=200;
  num3=300;
}
console.log(num);  //报错，num is not defined,const同理
console.log(num2); //200 var定义的可以访问
console.log(num3); //300 不使用关键字也可以在外部访问 

4.在一个作用域中，var可以声明同名的变量，后一个会覆盖前一个。let和const会直接报错。

let num=10;
let num=20;  //报错，Identifier 'num' has already been declared  变量num已经声明过了

var num=10;
var num=20; // 不报错，但不建议这样使用

5.当块级作用域内部定义了一个和外部作用域同名的变量时，使用let报错，使用var没问题。

var num=100;
var num2=200;
{
  /* 
   若内部没有定义同名变量或者使用var定义，则没有问题，可以直接使用。
   因为使用变量时，优先从本身作用域中找，如果没有，才会使用外部的变量。
   而例子中，内部定义了变量，并且使用的是let，所以会找let定义的变量，而let并不会进行变量提升，所以报了一个不得在定义前使用的错误。
   若使用var，则会进行变量提升，则不会报错，正常使用。
  */
  num=10;
  num=20;
  let num=1; //Cannot access 'num' before initialization
  var num2=2; // 正常赋值 不会报错
}

6.const的使用

// 1.const定义的变量的值是无法修改的
const num=100;
num=200;  //编译直接报错

// 2.由于const定义的变量的值不得修改，所以使用const定义时必须初始化
const num;  //既然不得修改，你又不初始化，先报个错意思一下


//3.若使用const定义的变量是引用数据类型，那么可以对其属性进行修改

 const person={
    name:"孙尚香",
    age:18
  }
  person.name="公孙离";
  console.log(person.name)   //公孙离 
  /* 
 可能有人会不明白，不是不能修改吗，为什么现在又可以了。
 其实是这样的，引用数据类型，我们并没有修改它的指向，我们仅仅是对它里面的属性进行了修改，它依旧指向原本的地址。
 这下面这种修改才会将它的指向修改，这种才是不允许的。
*/

 person={
    name:"程咬金",
    age:55
  };  //没商量，直接报错