相同:var、let、const都可以声明变量
var milliaA = "milliaA"
let milliaB = "milliaB"
const milliaC = "milliaC"
console.log(milliaA,milliaB,milliaC)
不同:
一、变量提升,var有提升,let、const没有提升
console.log(str);
var str = 'millia';
console.log(str);
str是console.log后定义的,因为var存在变量提升,所以当console.log输出str时,会去找有没有定义str,因赋值的顺序在console.log后面,所以console.log输出的结果显示undefined然后是赋值
console.log(str)
let str = "millia"
console.log(text)
const text = "millia"
let、const不存在变量提升,所以如果没有在console.log输出前对str、text进行定义,就会报错。
二、相同变量声明覆盖,var可以覆盖,let、const不可以
var millia = "hello";
var millia = "everyday";
console.log(millia);
var定义同名变量时,后面所定义的内容会覆盖前面的。
let millia = "hello";
let millia = "everyday";
console.log(millia);
const millia = "hello";
const millia = "everyday";
console.log(millia);
三、变量常量,var、let声明变量,const声明常量
//var 声明
var milliaA = "hello";
milliaA = "millia";
console.log(milliaA);
//let 声明
let milliaB = "hello";
milliaB = "millia";
console.log(milliaB);
//const 声明
const milliaC = "hello";
milliaC = "millia";
console.log(milliaC);
var、let声明变量,可重新赋值,const声明常量,因常量不能修改所以报错。
//const 数组
const arr = [1, 2, 3];
arr[0] = 'millia';
console.log(arr);
//const 对象
const obj = {
a: 4
}
obj.a = "millia";
console.log(obj);
//const 直接修改arr或obj
arr = "millia";
console.log(arr);
obj = "millia";
console.log(obj);
注意:const声明常量,但是常量所包含的值是可以修改的。
四、作用域, var声明的变量作用域全局,let、const声明的变量有自身的作用域
//var 声明
if (true) {
var milliaA = "milliaA";
}
console.log(milliaA);
//let 声明
if (true) {
let milliaB = "milliaB";
}
console.log(milliaB);
//const 声明
if (true) {
const milliaC = "milliaC";
}
console.log(milliaC);
函数内var声明的变量,在函数外也可以调用,但let、const声明的变量,只能在函数内使用,函数外不能调用