js中const,var,let区别

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

bla = 2
var bla;
// ...
// 可以理解为：   
var bla;  
bla = 2; 由于这个原因，我们建议总是在作用域的最开始（函数或者全局代码的开头）声明变 量。这样可以使变量的作用域变得清晰。

let
注意：必须声明'use strict';后才能使用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

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

image

3、var是允许在相同作用域内重复声明同一个变量的，而let与const不允许这一现象。

image

作者：爱笑的疯小妞
链接：https://www.jianshu.com/p/e93b0b833eba
来源：简书
著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。