var、let、const三者之间的区别和联系有哪些？

JavaScript013

var、let、const三者之间的区别和联系有哪些？,第1张

var 是es5之前当然之后也可以这么写的写法！es5之后又细分出了let（变量）const（常量）这两种类型。但是const的出现也表示js脚本开始走向类如java，c#那种重型语言的编写方式，明确细分了常量和变量。然后let对比var都是变量(var没有变量常量一说，但ES5之后其行为与let类似)，但是，var和let有很大区别，简单理解就是作用域变了，如果你学过后端语言的话，你会知道，使用变量需要先声明在赋值后使用的流程，let继承了这种流程，而var没有，在代码里的体现就是，let只在定义它的上一个大括号内及其所有子方法体起作用，比如方法中定义let则出了这个方法就没法使用到这个let，同级别的两个方法，可以各自定义一个同名let变量。其实说起来，你可能没有感觉，因为你用var的时候可能也是这么用的，但是let是被严格约束可以这么用，而var其实是无约束的，在某些时候是乱窜。也就是你看到的是你想看的，但它里面的运行不是你所想的！简单来说，var的作用域是混乱的，同父子作用域下var可以被多次定义。而let不能！const也是继承了后端的常量思想，一旦定义，无法被修改，也不能被修改，也不应该被修改，如果你想改变以上3条中的任何一条，都不要使用const！所以const一般用于存储固定不变的内容，比如系统信息里的名字啊，系统风格啊，审批号啊之类的，不是不能变，而是应该通过人为干预手写的方式来改变其值，不能不应通过代码的方式来赋值(初值除外)！

var——声明变量

let——声明块中的变量

const——声明常量（一旦赋值不可更改）

function varTest() {

  var x = 1

  if (true) {

    var x = 2  // same variable!

    console.log(x)  // 2

  }

  console.log(x)  // 2

}

function letTest() {

  let x = 1

  if (true) {

    let x = 2  // different variable

    console.log(x)  // 2

  }

  console.log(x)  // 1

}

参考资料：https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/let

而常量更普通的意义在于它不是变量。不同的系统约定也不一样。es5之后又细分出了let（变量）const（常量）这两种类型。但是const的出现也表示js脚本开始走向类如java，c#那种重型语言的编写方式，明确细分了常量和变量。

let对比var都是变量(var没有变量常量一说，但ES5之后其行为与let类似)，但是，var和let有很大区别，简单理解就是作用域变了，使用变量需要先声明在赋值后使用的流程。

let继承了这种流程，而var没有，在代码里的体现就是，let只在定义它的上一个大括号内及其所有子方法体起作用，比如方法中定义let则出了这个方法就没法使用到这个let，同级别的两个方法，可以各自定义一个同名let变量。

变量

是程序中数据的临时存放场所。在代码中可以只使用一个变量，也可以使用多个变量，变量中可以存放单词、数值、日期以及属性。由于变量让你能够把程序中准备使用的每一段数据都赋给一个简短、易于记忆的名字，因此它们十分有用。

变量可以保存程序运行时用户输入的数据（如使用InputBox函数在屏幕上显示一个对话框，然后把用户键入的文本保存到变量中）、特定运算的结果以及要在窗体上显示的一段数据等。简而言之，变量是用于跟踪几乎所有类型信息的简单工具。