在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
来源：简书
著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。
网友评论