Как написать обычный код javascript для Closure Javascript?

Question

Я создаю веб-приложение, где я хочу, чтобы пользователь увеличивал/уменьшал размер текста. Все, что мне нужно сделать, это изменить этот код, чтобы использовать закрытие.

var $button = $("p"); 
$button.each(function(){ 
var $this = $(this); 
$this.css("font-size"); 
}); 

$("#larger").click(function(){ 
fontSize (1); 
}) 

$("#smaller").click(function(){ 
fontSize (-1); 
}) 

function fontSize(right){ 
$button.each(function(){ 
    var $this = $(this); 
    $this.css("font-size" , parseInt($this.css("font-size")) + right); 
}); 
} 

Вот моя закрывающая часть. Может кто-нибудь сказать мне, если это правильно?

var $button = $("p"); 
$button.each(function() { 
$(this).css("font-size"); 
}); 
$("#larger").click(function() { 
fontSize(1); 
}); 
    $("#smaller").click(function() { 
    fontSize(-1); 
    }); 
    function fontSize(b) { 
    $button.each(function() { 
    var a = $(this); 
    a.css("font-size", parseInt(a.css("font-size")) + b); 
    }); 
    } 

Answer 1

TLDR: Mozilla имеет большие учебники here

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;

body { 
 
    font-family: Helvetica, Arial, sans-serif; 
 
    font-size: 12px; 
 
} 
 

 
h1 { 
 
    font-size: 1.5em; 
 
} 
 

 
h2 { 
 
    font-size: 1.2em; 
 
}

<a href="#" id="size-12">12</a> 
 
<a href="#" id="size-14">14</a> 
 
<a href="#" id="size-16">16</a>

Вопрос ставится немного туманно, однако, если речь шла о Javascript затворов тогда Я предлагаю this. Это официальное руководство от Mozilla относительно закрытия, и в нем есть пример, который дает вам ответ.