let和var定义变量的区别

目录

一、let不能在js中使用，是es6的语法，需要在js中使用就必须使用严格模式：'use strict';

二、声明后未赋值，表现相同

三、使用未声明的变量，不同

四、重复声明同一个变量的时候，不同

五、变量作用域不同

---

一、let不能在js中使用，是es6的语法，需要在js中使用就必须使用严格模式：'use strict';

二、声明后未赋值，表现相同

  var varTest;
  let letTest;
  console.log(varTest); //输出undefined
  console.log(letTest); //输出undefined

也即是说声明后直接使用输出都是一样的undefined

三、使用未声明的变量，不同

 console.log(varTest); //输出undefined(注意要注释掉下面一行才能运行)
  console.log(letTest); //直接报错：ReferenceError: letTest is not defined

直接使用没有声明的变量，let直接报错，var的提示未定义：undefined

四、重复声明同一个变量的时候，不同

 var varTest = 'test var OK.';
  let letTest = 'test let OK.';

  var varTest = 'varTest changed.';
  let letTest = 'letTest changed.'; //直接报错：SyntaxError: Identifier 'letTest' has already been declared

  console.log(varTest); //输出varTest changed.(注意要注释掉上面letTest变量的重复声明才能运行)
  console.log(letTest);

var 重复声明，第二次声明会覆盖第一次声明的值

let重复声明会报错

五、变量作用域不同

{
  var varTest = 'test var OK.';
  let letTest = 'test let OK.';

  {
    var varTest = 'varTest changed.';
    let letTest = 'letTest changed.';
  }

  console.log(varTest); //输出"varTest changed."，内部"{}"中声明的varTest变量覆盖外部的letTest声明
  console.log(letTest); //输出"test let OK."，内部"{}"中声明的letTest和外部的letTest不是同一个变量
}

大括号包裹的是一个作用域，不同；作用域let声明的变量只在当前的作用域里面有用，和另一个作用域里面的let声明的变量是两个不同的变量，互相不会有影响

而var的声明的是全局的变量