JavaScript中var,let,const的区别

JavaScript中var,let,const的区别

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

var

由于变量声明（以及其他声明）总是在任意代码执行之前处理的，所以在代码中的任意位置声明变量总是等效于在代码开头声明。这意味着变量可以在声明之前使用，这个行为叫做“hoisting”。“hoisting”就像是把所有的变量声明移动到函数或者全 局代码的开头位置。
var定义的变量可以修改，如果不初始化会输出undefined，不会报错。

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

 console.log('函数外var定义a：' + a);//可以输出a=1
 function change(){
 a = 4;
 console.log('函数内var定义a：' + a);//可以输出a=4
 } 
 change();
 console.log('函数调用后var定义a为函数内部修改值：' + a);//可以输出a=4

let

注意：必须声明’use strict’;后才能使用let声明变量否则浏览并不能显示结果。

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

 let c = 3;
 console.log('函数外let定义c：' + c);//输出c=3
 function change(){
 	let c = 6;
 	console.log('函数内let定义c：' + c);//输出c=6
 } 
 change();
 console.log('函数调用后let定义c不受函数内部定义影响：' + c);//输出c=3

const

const声明一个只读的常量。一旦声明，常量的值就不能改变。
const定义的变量不可以修改，而且必须初始化。
const的作用域与let命令相同：只在声明所在的块级作用域内有效。

 const b = 2;//正确
 // const b;//错误，必须初始化 
 console.log('函数外const定义b：' + b);//有输出值
 // b = 5;
 // console.log('函数外修改const定义b：' + b);//无法输出 

区别：

1、var可以先使用，后声明；let必须先声明后使用。
2、暂时性死区：只要块级作用域内存在let命令，它所声明的变量就“绑定”（binding）这个区域， 不再受外部的影响。
3、var是允许在相同作用域内重复声明同一个变量的，而let与const不允许这一现象。