关于var、let、const相同与不同

相同：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声明的变量，只能在函数内使用，函数外不能调用