Closures

Code aus MDN :

<code>
function makeSizer(size) {
return function() {
document.body.style.fontSize = size + 'px';
};
}

var size12 = makeSizer(12);
var size14 = makeSizer(14);
var size16 = makeSizer(16);

document.getElementById('size-12').onclick = size12;
document.getElementById('size-14').onclick = size14;
document.getElementById('size-16').onclick = size16;
</code>

Mir leuchtet nicht wirklich auf, warum für diesen Zweck eine Closure benötigt wird. Also warum der Code nicht ohne die innere Funktion arbeiten kann.

<code>
function makeSizer(size) {

document.body.style.fontSize = size + 'px';

}

var size12 = makeSizer(12);
var size14 = makeSizer(14);
var size16 = makeSizer(16);

document.getElementById('size-12').onclick = size12;
document.getElementById('size-14').onclick = size14;
document.getElementById('size-16').onclick = size16;
</code>

vielen Dank für die Antworten, es wird aber nicht null sondern undefined zurückgegeben. und ja das macht keinen Sinn.