Vue var ---let---const

1.在javascript中有三种声明变量的方式：var let const。

let var const的区别？

var

由于变量声明（以及其他声明）总是在任意代码执行之前处理的，所以在代码中的任意位置声明变量总是等效于在代码开头声明。这意味着变量可以在声明之前使用，这个行为叫做“hoisting”。“hoisting”就像是把所有的变量声明移动到函数或者全 局代码的开头位置。

let

let作用域：只在let命令所在的代码块内（{}）有效

//let声明 的变量只在它所在的代码块有效。
{let a=3;} 
console.log(a);//VM11918:1 Uncaught ReferenceError: a is not defined

//计数器i只在for循环体内有效，在循环体外引用就会报错
for (let i = 0; i < 3; i++) {}
console.log(i);//VM13498:1 Uncaught ReferenceError: i is not defined

//for循环还有一个特别之处，就是循环语句部分是一个父作用域，而循环体内部 是一个单独的子作用域。
for (let i = 0; i < 3; i++) {
  let i = 'abc';
  console.log(i);
}

const
1、const声明一个只读的常量。一旦声明，常量的值就不能改变。

const PI = 3.1415;
PI=3;//VM33690:1 Uncaught TypeError: Assignment to constant variable.

2、const声明的变量不得改变值，这意味着，const一旦声明变量，就必须立即初始化，不能留到以后赋值。

const foo;//VM35236:1 Uncaught SyntaxError: Missing initializer in const declaration

3、const的作用域与let命令相同：只在声明所在的块级作用域内有效。

区别：
1、var可以先使用，后声明；let必须先声明后使用。

image.png

2、暂时性死区：只要块级作用域内存在let命令，它所声明的变量就“绑定”（binding）这个区域， 不再受外部的影响。

image.png
3、var是允许在相同作用域内重复声明同一个变量的，而let与const不允许这一现象。
image.png
本文出自 https://www.jianshu.com/p/e93b0b833eba