Javascript scoop constructor

[g4wx3]

Ik begrijp niet goed de scoop van in variable binnen een closure in javascript

Het lukt om een "DOM" element slimmer te maken, door aan de events een functie toe te wijzen.
Ik heb dit gedaan met een closure, met parameters(DOMElement,callbackfunctie)
Maar ik begrijp niet waarom ik de variable niet kan gebruiken van de closure, behalve dan om het event toe te wijzen.

Hier onder de JSfiddle die ik reeds heb gemaakt

https://jsfiddle.net/op22bnp7/

[ Voor 53% gewijzigd door g4wx3 op 31-01-2018 17:28 ]

[g4wx3]

De fout zat blijkbaar niet in de scoop, maar in het feit dat $('#iets') een jquery object geeft, ipv een dom element. Vrij logisch ergens, hiermee kon het probleem makkelijk worden verholpen

https://jsfiddle.net/op22bnp7/3/

[ Voor 8% gewijzigd door g4wx3 op 31-01-2018 19:47 ]

[kaassouffle]

(volgens mij is het trouwens 'scope' ipv 'scoop' )

[DixxyJS]

g4wx3 schreef op woensdag 31 januari 2018 @ 16:34:
Ik begrijp niet goed de scoop van in variable binnen een closure in javascript

Een closure is een functie met een bijbehorende omgeving van lokale variabelen met waarden.
De variabelen blijven na aanroep van de functie bestaan.

code:

//voorbeeld 1
function parentFunc() {
  let localVar = "local";
  return function childFunc() {
    console.log(localVar);
  }
}
var child = parentFunc();
child(); //uitkomst in de console: "local"  

//voorbeeld 2
function getFunc(x) {
  return function add(number) {
    x += number;
    return x;
  }
}

var addNumber = getFunc(10); // hier krijgt x de waarde 10
console.log(addNumber(2)); // komt 12 uit want x is een lokaal geheugen in de parent function
console.log(addNumber(8)); // komt 20 uit want na aanroep van de eerste keer gaat het geheugen x niet verloren
console.log(addNumber(6)); // komt 26 uit enz..


//aanroep van buiten- en binnen-functie in één keer
var resultaat = getFunc(22)(28);
console.log(resultaat) //resultaat 50

[ Voor 3% gewijzigd door DixxyJS op 01-02-2018 00:17 ]