如何从普通javascript代码编写到闭包javascript？

我正在创建一个web应用程序，希望用户在其中增加/减少文本大小。我所需要做的就是将此代码更改为使用闭包

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

这是我的结尾部分。有人能告诉我这是否正确吗

TLDR: Mozilla有很棒的教程

函数makeSizer（大小）{
返回函数（）{
document.body.style.fontSize=大小+'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
正文{
字体系列：Helvetica、Arial、无衬线字体；
字体大小：12px；
}
h1{
字号：1.5em；
}
氢{
字体大小：1.2米；
}

TLDR:
Mozilla有很棒的教程


函数makeSizer（大小）{
返回函数（）{
document.body.style.fontSize=大小+'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
正文{
字体系列：Helvetica、Arial、无衬线字体；
字体大小：12px；
}
h1{
字号：1.5em；
}
氢{
字体大小：1.2米；
}

也许是认识closureJS的人。。。但是他们可能看不到这个问题，因为你没有这样标记它。。。但不要指望它，因为你至少应该自己尝试解决你的问题——也许是认识closureJS的人。。。但是他们可能看不到这个问题，因为你没有这样标记它。。。但不要指望它，因为你至少应该自己尝试解决你的问题
 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);
  });
  }