Community Learn Tools Library Leisure
search
English
Home > Web Front-end > JS Tutorial > JavaScript Closure Getting Started Example_Basic Knowledge

JavaScript Closure Getting Started Example_Basic Knowledge

WBOY
Release： 2016-05-16 16:50:35
Original
1173 people have browsed it

1.

Copy code The code is as follows:

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

varsayAlert=say667();
sayAlert();

2.

Copy code The code is as follows:

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

setUpSomeGlobals();//Assign values ​​to three global variables
gAlertNumber();//666
gIncreaseNumber();
gAlertNumber();//667
gSetNumber(12);
gAlertNumber();//12

3.

Copy code The code is as follows:

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

functiontestList(){
varfnlist=buildList([1,2,3]);
for(varj=0;jfnlist[j]() ;
}
}

4.

Copy code The code is as follows:

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

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

5.

Copy code The code is as follows:

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);

Related labels：
javascript闭包
source：php.cn
Previous article：jQuery1.9.1 adjustment method for checkbox (prop)_jquery Next article：jquery wait effect example_jquery
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Latest Articles by Author
Latest Issues
Can Node server host React applications? I'm very new to backend coding and I'm having a hard time understanding what a "full ...
From 2024-04-04 14:32:25
0
1
389
Can I set a javascript variable to a string containing the output of the php code? I'm trying to set a javascript variable equal to the output of the php code: varname='<...
From 2024-04-04 08:25:56
0
1
385
Use methods from apply To find the maximum value of an array, a simple way is Math.max.apply(null,myArray) Howeve...
From 2024-04-03 21:41:46
0
2
278
My WPF application won't start on another PC, but the application without MySql does, what could be the problem? This is my first time using a database. I've created an application using XAMPP via mySqll...
From 2024-04-03 11:16:00
0
1
396
Problem: MySQL regular expression (limiter not working) Mod Note: Do Not Remove/Do Not Close I asked this question before and the admins closed it...
From 2024-04-02 23:35:21
0
1
263
Related Topics
More>
Popular Recommendations
Popular Tutorials
More>
Related Tutorials
Popular Recommendations
Latest courses
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template