一起学习网 一起学习网


javascript闭包入门示例

网络编程 javascript闭包入门示例 06-21

1.


functionsay667(){
varnum=666;
varsayAlert=function(){alert(num);}
num++;
returnsayAlert;
}

varsayAlert=say667();
sayAlert();

2.


functionsetUpSomeGlobals(){
varnum=666;
gAlertNumber=function(){alert(num);}
gIncreaseNumber=function(){num++;}
gSetNumber=function(x){num=x;}
}

setUpSomeGlobals();//为三个全局变量赋值
gAlertNumber();//666
gIncreaseNumber();
gAlertNumber();//667
gSetNumber(12);
gAlertNumber();//12

3.


functionbuildList(list){
varresult=[];
for(vari=0;i<list.length;i++){
variteml='item'+list[i];
result.push(function(){alert(item+''+list[i]);});
}
returnresult;
}

functiontestList(){
varfnlist=buildList([1,2,3]);
for(varj=0;j<fnlist.length;j++){
fnlist[j]();
}
}

4.


functionsayAlice(){
varsayAlert=function(){alert(alice);}
varalice='HelloAlice';
returnsayAlert;
}

varhelloAlice=sayAlice();
helloAlice();//HelloAlice

5.


functionnewClosure(someNum,someRef){
varnum=someNum;
varanArray=[1,2,3];
varref=someRef;
returnfunction(x){
num+=x;
anArray.push(num);
alert('num:'+num+'nanArray'+anArray.toString()+'nref.someVar'+ref.someVar);
}
}

closure1=newClosure(40,{someVar:'closure1'});
closure2=newClosure(1000,{someVar:'closure2'});

closure1(5);
closure2(-10);

js图片预加载示例
js图片预加载简单示例functionloadImage(url,callback){if(url!='null'){varimg=newImage();img.src=url;if(img.complete){callback(img);}else{img.onload=function(){img.onload=null;callback(img);}}}}

js实现checkbox全选和反选示例
复选框全选示例inputtype="checkbox"name="selectall"value=ononclick="selectAll()"functionselectAll(form){varobj=document.getElementsByName('selectall');varcks=document.getElementsByTagName("input

javascript实现2048游戏示例
原生javascript代码写的2048游戏。建议在谷歌浏览器下跑。2048.html!DOCTYPEhtmlxmlns="http://www.w3.org/1999/xhtml"headmetahttp-equiv="Content-Type"content="text/html;charset=utf-8"/ti


编辑:一起学习网

标签:示例,全选,加载,图片,赋值