var 声明变量的问题

Theliars

于 2022-01-02 22:32:33 发布

阅读量523

点赞数

分类专栏： ES6 文章标签： javascript 前端 typescript

本文链接：https://blog.youkuaiyun.com/qq_37077760/article/details/122281810

版权

ES6 专栏收录该内容

1 篇文章

订阅专栏

本文深入探讨JavaScript中的变量声明，包括var关键字导致的变量提升和数据访问的怪异性。同时，通过示例解释了闭包问题，展示如何在循环中正确使用闭包以避免变量共享。此外，还讨论了全局变量对全局对象的潜在污染风险及其影响。

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

变量声明的问题

使用var声明变量

允许重复的变量声明

var a = 2;
function print(){
	console.log(a)
}
//假设这有1000行代码写第1001行的时候鬼知道第一行写的什么玩意儿
var a = 4;
print();

变量提升：怪异的数据访问

if(Math.random()<0.5){
	var a="abc";
	console.log(a);
}
else{
	console.log(a);
}
console.log(a);
//先声明一个变量a
//如果生成的随机数小于0.5a="abc" 输出a否则输出a

闭包问题

var div=document.getElementById("btn");
for(var i=1;i<=10;i++){
	var btn=document.createElement("button");
	btn.innerHTML="按钮"+i;
	div.appendChild(btn);
	btn.onclick=functionn(){
		console.log(i);
	}
}

全局变量挂载到全局对象：全局对象成员污染问题

var abc="123"
console.log(window.abc)
var console="abc"
console.log(console)
a