var , let 和 const

本文介绍了ES6中var、let和const的区别。var有变量提升,无块级作用域;let无变量提升,有块级作用域,存在暂时性死区,不能重复声明。const声明只读常量,声明时须初始化,作用域与let相同。此外,还提及ES6的6种声明方法。

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

var,let和const都是js中定义变量或常量的关键字。

var 和 let

变量提升和块级作用域

二者都是用来声明变量的。
var有变量提升,没有块级作用域;let没有变量提升,有块级作用域;
var声明的变量可以在声明之前使用,值为undefined

let声明的变量中,如果对变量先赋值,后声明,会报错,并且所声明的变量,只在let命令所在的代码块内有效。

在循环中,使用var来声明变量,变量在全局范围内都有效,每一次循环,变量的值会发生改变,但该变量本身是全局唯一的。循环数组中指向的都是一个变量。
如果是let声明的变量,该变量只在本轮循环有效,所以每一次循环的i其实都是一个新的变量。JavaScript 引擎内部会记住上一轮循环的值,初始化本轮的变量i时,就在上一轮循环的基础上进行计算。

暂时性死区

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

总之,在代码块内,使用let命令声明变量之前,该变量都是不可用的,这些在声明之前被赋值的变量就形成了“死区”。这在语法上,称为“暂时性死区”(temporal dead zone,简称 TDZ)。

不能重复声明

let不允许在相同作用域内,重复声明同一个变量。

块级作用域与函数声明

ES5 规定,函数只能在顶层作用域和函数作用域之中声明,不能在块级作用域声明;但是,浏览器没有遵守这个规定,为了兼容以前的旧代码,还是支持在块级作用域之中声明函数。
ES6 引入了块级作用域,明确允许在块级作用域之中声明函数。ES6 规定,块级作用域之中,函数声明语句的行为类似于let,在块级作用域之外不可引用。
考虑到环境导致的行为差异太大,应该避免在块级作用域内声明函数。如果确实需要,也应该写成函数表达式,而不是函数声明语句。

{
	let person = 'Tom';
	let humanbeing = function(){
		return person;
	}
}
写法

ES6 的块级作用域必须有大括号,如果没有大括号,JavaScript 引擎就认为不存在块级作用域。

错误写法:

if(true) let x = 1;

正确写法:

if(true){
	let x = 1;
}

const

1·const声明一个只读的常量。一旦声明,常量的值就不能改变。
2·const一旦声明变量,就必须立即初始化,不能留到以后赋值。
3·const的作用域与let命令相同:只在声明所在的块级作用域内有效。
4·const命令声明的常量也是不提升,同样存在暂时性死区,只能在声明的位置后面使用。
5·const声明的常量,也与let一样不可重复声明。

ES6的6种声明方法

ES5:var function
ES6:let const import class


总结 阮一峰《ECMAScript 6 入门》let和const命令。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值