var 和let和const的各自特点及区别

var 和let的区别

一.var的特点

1. var可以先赋值再定义(漏洞不符合逻辑)

age = 18
// let age   //let不能先赋值在定义,必须先定义再赋值,不然会报错说没有初始化
var age
console.log(age);

2.变量提升:var可以先使用后申明,不报错(不符合逻辑)

console.log(a); // undefined 
var a = 10; //
编译过程 var a;
console.log(a); // undefined 
a = 10;

2. var可以重复声明，后面的声明会覆盖前面的声明

var a = 10; 
var a = 20;
console.log(a); // 20
//  let不能重复声明
// let a = 1
// let a = 2错误

3. var没有块级作用域,在函数中使用var声明变量的时候，该变量是局部的

var a = 10;
function change(){ 
    var a = 20;
} 
change(); 
console.log(a); // 10

而如果在函数内不使用var，该变量是全局的

var a = 10; 
function change(){
    a = 20
}; 
change(); 
console.log(a); // 20

二.let的特点

1. 不存在变量提升，let声明变量前，该变量不能使用（暂时性死区）

console.log(a); // ReferenceError: a is not defined let
a = 10;

2.let不能先赋值在定义,必须先定义再赋值

age = 18
// let age   //let不能先赋值在定义,必须先定义再赋值,不然会报错说没有初始化
var age
console.log(age);

2. let命令所在的代码块内有效，在块级作用域内有效

{ 
    let a = 10;
}
console.log(a); // ReferenceError: a is not defined

3. let不允许在相同作用域中重复声明，注意是相同作用域，不同作用域有重复声明不会报错

let a = 10;
let a = 20; // Uncaught SyntaxError: Identifier 'a' has already been declared 
let a = 10;
{ 
    let a = 20;
} // ok

三.const

1. const必须初始化

const a; // SyntaxError: Missing initializer in const declaration 
const a = 10; // ok

2. const声明一个只读的变量，声明后，不能重新赋值

const a = 10;
a = 20; // TypeError: Assignment to constant variable.

3. const并不是变量的值不能改动，而是变量指向的内存地址所保存的数据不得改动

const obj = { 
    age: 17 
}
obj.age = 18; // ok
obj = { 
    age: 18
} // SyntaxError: Identifier 'obj' has already been declared

4. let该有的特点const都有

四.区别

1.先赋值再定义

var可以先赋值再定义,let不能先赋值在定义,必须先定义再赋值,不然会报错说没有初始化

2.变量提升

var声明的变量存在变量提升，即变量可以在声明之前调用，值为undefined
let和const不存在变量提升，即它们所声明的变量一定要在声明后使用，否则报错

3.块级作用域

var不存在块级作用域
let和const存在块级作用域

4.重复声明

var允许重复声明变量
let和const在同一作用域不允许重复声明变量

5.修改声明的变量

var和let可以
const声明一个只读的常量。一旦声明，常量的值就不能改变，但对于对象和数据这种引用类型，内存地址不能修改，可以修改里面的值。