js中全局变量与局部变量实例、闭包

最新推荐文章于 2022-10-31 09:17:19 发布

ispotu

最新推荐文章于 2022-10-31 09:17:19 发布

阅读量1.2k

点赞数

CC 4.0 BY-SA版权

分类专栏： js 文章标签： js

本文链接：https://blog.youkuaiyun.com/superit401/article/details/78471081

js 专栏收录该内容

55 篇文章

订阅专栏

本文通过一个具体的HTML+JavaScript示例，深入浅出地讲解了全局变量与局部变量的概念及使用区别，帮助读者理解不同作用域下变量的变化规律。

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

局部变量与全局变量实例，需要自己复制，再在浏览器实验，体验总结。说多可能记不住，自己实际操作了记忆深刻。

下面给出实验例子：

<!doctype html>
<html>
 <head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <title>测试页面</title>
  <script type="text/javascript" src="jquery.js"></script>
 </head>
 <body>
<input type="button" value="click me" onclick="q();d();q();" />
 

<script>
//var t="tt";
$(document).ready(function(){
	q();
console.log("3:"+t);
////var t="t0";
//console.log("1:"+t);
d();
console.log("2:"+t);
q();
console.log("3:"+t);
})

$().ready(function(){
	

})

$(function(){
	
})
function a(){
	t="a";
	console.log("a()的t:"+t);
}
function s(){
	t="s";
	console.log("s()的t:"+t);
}
function d(){
	t="d";
	a();
console.log("d()的t:"+t);
}
function q(){
	var t="q";
	s();
	console.log("q()的t:"+t);
}

</script>
 </body>
</html>

结果：

（1）当注释掉全局变量定义的var t="tt";

（后半部分是由点击“click me”按钮显示的）