ES6的let,const,var简单介绍

本文详细解析了ES6中let和const关键字的特性和使用方法,包括它们的作用域、变量提升特性及与var的区别,并通过示例展示了如何正确使用这些关键字来避免常见的错误。

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

let

es6新增的语法,用于声明变量,类似于var,但是所声明的变量只在let命令所在的代码块内有效。意思就是只在当前声明的{ }的内部有效,在大括号外面在引用大括号内部变量的话,就会报错了。

//let
for (let i = 0; i < 10; i++) {

}
console.log(i);


//var​
for (var i = 0; i < 10; i++) {

}
console.log(i);

​

let结果:ReferenceError: i is not defined

var结果:10

大多数情况下,我会使用第一种方式,因为一般我们都会在for循环里面进行操作。let每循环一次,都是重新声明一个变量,所以每一个变量都是在不同的内存地址里面,但是var不一样,每次循环,都是指向相同的内存地址,而且这个地址是在栈内存中,而栈遵循后进先出的原则,所以最先出现的是10,那么i是指向的值为10。那下面的例子就会很好理解了。

//let
var arr = [];
for (let i = 0; i < 10; i++) {
    arr[i] = function() {
        return i
    }
}
console.log(arr[1]());   //1


//var 
var arr = [];
for (var i = 0; i < 10; i++) {
    arr[i] = function() {
        return i
    }
}
console.log(arr[1]());   //10

let声明时候,我们知道,每次循环都是指向不同的内存地址,arr[1](),就会指向i为1的内存地址,所有结果为1。var的时候,所有的循环i的值都会指向相同的内存地址,即最终的那个值,所以你不论arr[i]()中的i为多少,都会指向10,你也可以这样理解,var在他所在"{}"内循环的时候,他会将他所有的值全部循环完结束,将最终的值作为一个全局变量,进入下一个"{}"。

变量提升

解释:变量提升就是在声明前去使用。var支持l变量提升,但是let,const没有变量提升。这里的提升是指的是提升的变量声明,但是不提升变量赋值。以下面的var为例,在声明a之前使用打印出a的值,这时候我们打印出undefined,代表我们已经定义了a,但是这个时候没有拿到a的值,因为值不存在提升。

console.log(a)
var a = 1    //undefined

//上面的等价于
var a;
console.log(a)
a = 1    

console.log(b)
let b = 1    //ReferenceError: b is not defined


console.log(c)
const c = 1    //ReferenceError: b is not defined

const
const通常我们声明一个常量,但是也不仅仅是声明一个常量,他声明的变量所指向的内存地址是唯一的,所以我们一旦用const声明了一个变量,就不能重新给他赋值新的变量,即不能改变他的内存指向。而且不初始化或者说不赋值,就会报错。

const a=1;
console.log(a)  //1


a=2;
console.log(a)  //Assignment to constant variable.


const c;
console.log(c)  //Missing initializer in const declaration

在我们平常的代码中,let和const,还是优先选择const,这个涉及到多线程的问题,多线程对常量更加友好,他会对常量进行优化。

附注:声明一个对象的时候,我们还是乖乖的使用var,不要纠结太多太细~~~~~~~~~~

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值