JS中const、var 和 let的区别

const

const 定义的变量不可修改，而且必须初始化。

const b = 2;//正确
// const b;//错误，必须初始化 

console.log('函数外const定义b：' + b);//有输出值
// b = 5;
// console.log('函数外修改const定义b：' + b);//无法输出 

var

var 定义的变量可以修改，如果不初始化会输出undefined，不会报错。

let

相对来说 let 比 var 更严谨。

let 是块级作用域，函数内部使用let定义后，对函数外部无影响。

1、声明后未赋值，输出undefined。

如果未在let语句中初始化您的变量，则将自动为其分配JS值 undefined。

可以在声明变量时为变量赋值，也可以在稍后的脚本中给变量赋值。

(function() {
      let letTest;
      console.log(letTest); //输出undefined
}());

2、使用未声明变量，直接报错。

使用let声明的变量，在声明前无法使用，否则将会报错。

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

  var varTest = 'test var OK.';
  let letTest = 'test let OK.';
}());

3、重复声明同一个变量，直接报错。

(function() {
      "use strict";
      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);
}());

4、使用let语句声明一个变量，该变量的范围限于声明它的块中。

(function() {
  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不是同一个变量
}());

---

原文链接：

https://blog.csdn.net/qq_36784628/article/details/80966826

https://www.cnblogs.com/asand/p/7205632.html