Javascript Closures

a short introduction (in javascript + german)

Transcript

1. Javascript Closures
   

   View Slide

2. function r1( s, x ) {
   var result = "";
   while( x ) {
   result += s;
   x--;
   }
   return s;
   }
   http://jsfiddle.net/bjelline/54dRs/
   Funktionen in JS
   

   View Slide

3. r2 = function ( s, x ) {
   var result = "";
   while( x ) {
   result += s;
   x--;
   }
   return result;
   }
   http://jsfiddle.net/bjelline/54dRs/
   Funktionen in JS
   

   View Slide

4. etwas, das als Übergabeparameter oder
   Rückgabewert einer Funktion oder
   Prozedur auftritt bzw. einer Variable
   zugewiesen werden kann.
   Functions as first class citizens...
   

   View Slide

5. function mk_function() {
   return function() {
   return "Rückgabewert";
   };
   }
   f = mk_function();
   f();
   g = f;
   Funktionen in JS
   

   View Slide

6. function mk_function() {
   var a = 42;
   return function() {
   return "Rückgabewert ist " + a;
   };
   }
   f = mk_function();
   f();
   innere Funktionen + vars
   

   View Slide

7. function mk_sammler() {
   var gesammelt = "";
   return function(s) {
   gesammelt += s;
   return gesammelt;
   };
   }
   f = mk_sammler();
   http://jsfiddle.net/bjelline/jhqbq/
   innere Funktionen + vars
   

   View Slide

8. Für die Funktion bleibt auch die Variable erhalten
   Closure
   

   View Slide