【JS里面使用var声明变量存在的三个问题】

本文探讨了JavaScript中使用var声明变量时可能出现的问题,包括变量覆盖、变量提升导致的闭包问题,以及全局变量污染全局对象。这些问题可能导致意外的结果,如预期外的变量值和逻辑错误。解决方案包括避免重复声明、理解作用域和提升机制,以及谨慎使用全局变量。
摘要由CSDN通过智能技术生成

1.允许重复声明,导致变量被覆盖。看如下代码:

var a = 1;
function prinf(){
   
	console.log(a);
}
	var a = 2;
	prinf();

结果输出:
在这里插入图片描述
这里假设你var a = 2前面还有上万行代码,那么你调用prinf函数的时候,是想打印之前的a,但是你忘记之前声明的变量和几万行代码后面的a是同名的,导致后面声明的a覆盖了之前的a.
2.变量提升:闭包问题,怪异的数据访问.
看如下代码:

if(Math.random() > 0.5){
   
	var a = "abc";
	console.log(a);
}else{
   
	console.log(a);
}
   console.log(a);

输出结果:
在这里插入图片描述
由于变量提升问题,这段代码是不会报错的,但是逻辑是有问题的。
闭包问题:看如下代码

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
  • 1
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值