当心匿名函数

Anonymous functions bound everywhere are a pain. They're difficult to debug, maintain, test, or reuse. Instead, use an object literal to organize and name your handlers and callbacks.

 

// bad

$( document ).ready(function() {
 
$( "#magic" ).click(function( event ) {
$( "#yayeffects" ).slideUp(function() {
// ...
});
});
 
$( "#happiness" ).load( url + " #unicorns", function() {
// ...
});
 
});

 

// BETTER

 

var PI = {
 
onReady: function() {
$( "#magic" ).click( PI.candyMtn );
$( "#happiness" ).load( PI.url + " #unicorns", PI.unicornCb );
},
 
candyMtn: function( event ) {
$( "#yayeffects" ).slideUp( PI.slideCb );
},
 
slideCb: function() { ... },
 
unicornCb: function() { ... }
 
};
 
$(document).ready( PI.onReady );