En Javascript, comment puis-je refactoriser des fonctions anonymes répétées?

Question

Le code suivant est redondant --- la même fonction anonyme apparaît trois fois.

Comment le refactoriser?

$(".operation").resizable({ 
create: function(event, ui) { 
    var width = $(".operation").width() 
    $("#width span.text").text(width) 
}, 
resize: function(event, ui) { 
    var width = $(".operation").width() 
    $("#width span.text").text(width) 
}, 
stop: function(event, ui) { 
    var width = $(".operation").width() 
    $("#width span.text").text(width) 
}, 
}) 

Answer 1

Je déclare la fonction:

function setWidth(event, ui) { 
    var width = $(".operation").width(); 
    $("#width span.text").text(width); 
} 

$(".operation").resizable({ 
    create: setWidth, 
    resize: setWidth, 
    stop: setWidth, 
}); 

Answer 2

Vous pouvez utiliser une variable locale:

 (function() { 
     var f = function(event,ui) { 
      var width = $(".operation").width() 
      $("#width span.text").text(width) 
     } 
     $(".operation").resizable({ 
     create: f, 
     resize: f, 
     stop: f, 
     }) 
    })() 

la hausse est que vous ne pollue pas l'espace de noms global (objet global).

Vous pouvez définir une fonction globale si cela ne vous dérange pas.

Answer 3

Déclarez une nouvelle fonction

function xxx(event, ui) { 
    var width = $(".operation").width(); 
    $("#width span.text").text(width); 
} 

puis définissez comme le rappel:

$(".operation").resizable({ 
    create: xxx, 
    resize: xxx, 
    stop: xxx 
});