var、let、const三者间的区别

本文主要对比了ES5中的var和ES6中的let、const的区别。var没有块级作用域,存在变量提升,而let有块级作用域并存在暂时性死区。let不允许重复声明,不能作为全局变量的属性调用。const则是一个不可变的let,其值不能改变,但对象或数组的属性和元素可以修改。

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

主要是var和let两者的区别,const放在最后说

1.var是ES5中的,let是ES6中的

ES5不存在块级作用域的概念,只有全局作用域和函数作用域。在ES6之前,解决这个问题主要靠闭包(closure)


闭包指的是有权访问另一个函数作用域中变量的函数,常见的方式就是在函数中创建函数,借此突破作用链域。

function say666(){
      var num =665;
      var sayalert = function(){
        alert(num)
      }
      num++;
      return sayalert
    }

    var a = say666()
    a()
  }

因为say666()内部函数的执行需要依赖say666()中的变量,所以js垃圾回收机制GC不会回收say666的资源

在ES6中,用let代替var,因为let只有块级作用域的概念,由 { } 包括起来,if语句和for语句里面的{ }也属于块级作用域。

2.var变量未声明是undefined,let变量未声明会报ReferenceError错误

var变量即使调用在前,声明在后,也不会报错,因为存在变量提升,即在JS中函数及变量的声明都会被提至顶部。let变量在声明前,都不可用,即暂时死亡(temporal dead)

TDZ(暂时性死区):只要块级作用域内存在let命令,它所声明的变量就“绑定”(binding)这个区域,不再受外部的影响。

var tmp = 123;

if (true) {
   tmp = 'abc'; // ReferenceError
   let tmp;
}

上面代码中,存在全局变量tmp,但是块级作用域内let又声明了一个局部变量tmp,导致后者绑定这个块级作用域,所以在let声明变量前,对tmp赋值会报错。

ES6明确规定,如果区块中存在let和const命令,这个区块对这些命令声明的变量,从一开始就形成了封闭作用域。凡是在声明之前就使用这些变量,就会报错。

3.let不允许重复声明

{
	let a;
	let a;//'a' has already been declared
}
{
	var a;
	var a;//没问题,var可以重复声明
}
{
	var a;
	let a;//'a' has already been declared
}
{
	let a;
	var a;//'a' has already been declared
}

4.let不能作为全局变量的属性调用,而var可以

ES5中全局对象的属性与全局变量基本是等价的

ES6 中做了严格的区分:
使用 var 和 function 声明的全局变量依旧作为全局对象的属性,
使用 let, const 命令声明的全局变量不属于全局对象的属性

关于全局变量的补充——

var可以作为全局变量挂载到window上,即this,且var定义变量不能使用delete删除,而window可以

  var a = 2;
  this.c = 3;
  delete a;
  delete c;
  console.log(this.a)//2
  console.log(this.c)//undefined

var有变量提升,window没有

 console.log(a)//undefined
 var a = 2;
 console.log(c)// c is not defined
 window.c=2;

函数内部定义的var变量,在外层访问不到,因为var只有全局和函数作用域。在函数内部使用var定义的变量在外部不能访问到,而window能访问到。

 function test(){
	var a = 2;
	this.c = 2;
}
test();
console.log(this.c)//2
console.log(a)//a is not defined

5.const简单来说就是不能改变的let

const要初始化,如

const a = 10
const a //Const declarations require an initialization value 

简单数据类型如此,对象或数组类型也是一样
只不过const保存的是指向对象或数组的指针,变量指向的是内存地址

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值