let,var区别

本文深入探讨JavaScript中var与let定义变量的区别,包括变量作用域、提升现象及重复声明的处理方式。同时,讲解const定义常量的特性。

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

  • 通过var定义的变量,作用域是整个封闭函数,是全域的 。通过let定义的变量,作用域是在块级或是子块中。

for (let i = 0; i < 10; i++) { // ... } console.log(i); // ReferenceError: i is not defined //计数器i只在for循环体内有效,在循环体外引用就会报错。

 

  • 变量提升现象:浏览器在运行代码之前会进行预解析,首先解析函数声明,定义变量,解析完之后再对函数、变量进行运行、赋值等。 

-不论var声明的变量处于当前作用域的第几行,都会提升到作用域的头部。 

-var 声明的变量会被提升到作用域的顶部并初始化为undefined,而let声明的变量在作用域的顶部未被初始化

// var 的情况 console.log(foo); // 输出undefined var foo = 2; //相当于 var foo; //声明且初始化为undefined console.log(foo); foo=2;

// let 的情况 console.log(bar); // 报错ReferenceError let bar = 2; //相当于在第一行先声明bar但没有初始化,直到赋值时才初始化

但是直接用let声明变量不赋值是会打印undefined,还是初始化了,只是let声明放在赋值之后,let声明会提前但不会初始化。

let a; alert(a);//值为undefined alert b;//会报错 let b;

  • 只要块级作用域内存在let命令,它所声明的变量就“绑定”这个区域,不再受外部的影响。总之,在代码块内,使用let命令声明变量之前,该变量都是不可用的,尽管代码块外也存在相同全局变量。

var tmp = 123; if (true) { tmp = 'abc'; let tmp; } alert(tmp); //输出值为123,全局tmp与局部tmp不影响

 

  • let不允许在相同作用域内,重复声明同一个变量。 // 报错 function () { let a = 10; let a = 1; }

 

const定义常量,不能更改名称;若是对象,不能更改键的名称,可以更改键值

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值