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

文章详细对比了JavaScript中的var、let和const在声明、赋值、变量提升、块级作用域、重复声明以及常量特性上的差异,强调了let和const在ES6中为解决var的一些问题而引入的新特性。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

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;
  1. var可以重复声明,后面的声明会覆盖前面的声明
var a = 10; 
var a = 20;
console.log(a); // 20
//  let不能重复声明
// let a = 1
// let a = 2错误
  1. 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);
  1. let命令所在的代码块内有效,在块级作用域内有效
{ 
    let a = 10;
}
console.log(a); // ReferenceError: a is not defined
  1. 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
  1. const声明一个只读的变量,声明后,不能重新赋值
const a = 10;
a = 20; // TypeError: Assignment to constant variable.
  1. const并不是变量的值不能改动,而是变量指向的内存地址所保存的数据不得改动
const obj = { 
    age: 17 
}
obj.age = 18; // ok
obj = { 
    age: 18
} // SyntaxError: Identifier 'obj' has already been declared
  1. let该有的特点const都有

四.区别

1.先赋值再定义

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

2.变量提升

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

3.块级作用域

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

4.重复声明

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

5.修改声明的变量

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

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值