javascript闭包简单代码实例

本章节并不介绍关于javascript的相关理论，只是分享几个使用闭包的简单代码实例，供学习的朋友参考之用，如需要了解闭包的概念问题，可以参考一下几个文章:

1.闭包的概念可以参阅javascript闭包概念简单解析一章节。 

2.比较代码分析可以参阅javascript闭包用法实例代码分析一章节。 

下面是分享的几个代码实例:

代码一:

[ 其他 ] 运行代码下载代码

<script>
function say(){
  var num=666;
  var show=function(){
    alert(num);
  }
  num++;
  return show;
}
var sayAlert=say();
sayAlert();
</script>

代码二:

[ 其他 ] 运行代码下载代码

<script>
function setUpSomeGlobals(){
  var num=666;
  gAlertNumber=function(){
    alert(num);
  }
  gIncreaseNumber=function(){
    num++;
  }
  gSetNumber=function(x){
    num=x;
  }
}
setUpSomeGlobals();
gAlertNumber();
gIncreaseNumber();
gAlertNumber();
gSetNumber(12);
gAlertNumber();
</script>

实例三:

[ 其他 ] 运行代码下载代码

<!DOCTYPE html>   
<html>   
<head>   
<meta charset=" utf-8">   
<meta name="author" content="https://www.51qianduan.com/" />   
<title>51前端</title> 
<style type="text/css">
ul li{
  width:200px;
  height:25px;
  line-height:25px;
  list-style:none;
  font-size:12px;
}
</style>
<script type="text/javascript"> 
window.onload=function(){
  var oshow=document.getElementById("show");
  var obox=document.getElementById("box");
  var lis=obox.getElementsByTagName("li");
  for(var index=0;index<lis.length;index++){
    (function(index){
     lis[index].onclick=function(){
       oshow.innerHTML=index;
     }
    })(index)
  }
}
</script> 
<body>
<div id="show"></div>
<ul id="box">
  <li>51前端欢迎您</li>
  <li>没有人一开始就是高手</li>
  <li>只有当下的时间才是最可贵的</li>
  <li>每一天都是新的，要好好的珍惜</li>
  <li>只有努力奋斗才会有美好的明天</li>
</ul>
</body>
</html>

代码描述：javascript闭包简单。javascript闭包简单代码实例

下载全部收藏

139 185

用户评论

大牛，别默默的看了，快登录帮我点评一下吧！:) 登录 | 注册