jQuery Singleton

Question

tengo algo así como en un archivo Test.js decir:

(function($){  
$.test= function(){ 
    alert('test'); 
    } 
})(jQuery); 
jQuery.test(); 

Ahora bien, si se carga Test.js dos veces en mi página es decir src = Test.js en dos lugares diferentes, se da el doble de alerta . Quiero que sea como un singleton. ¿Alguna idea sobre cómo lograr esto?

Answer 1

Use un atajo condicional:.

(function($){  
    !$.test && $.test= function(){ 
     alert('test'); 
    } 
})(jQuery); 

jQuery.test(); 

!$.test evalúa a true si $.test no está definido y el código de la rightside después de la && se ejecuta lo contrario, simplemente voy a saltar la parte Otro patrón útil para que pudiera verse como:..

$.test = $.test || function() { 
    alert('test'); 
} 

Esto hace lo lo mismo en realidad. Si $.test ya está definido, se utiliza; de lo contrario, asigne la función anónima al $.test. Ambas versiones pueden (y probablemente deberían) optimizarse, pero no solo verificar si se definieron, sino también si son del tipo function.

Answer 2

¿Has probado algo como esto?

if(typeof $.test == "undefined") { 
    (function($){  
    $.test= function(){ 
     alert('test'); 
    } 
    })(jQuery); 
    jQuery.test(); 
} 

Answer 3

(function($){  
    $.test = function() { 
    if (!$.test.hasBeenRun) { 
     $.test.hasBeenRun = true; 
     alert('test'); 
    } 
    } 
    $.test.hasBeenRun = false; 
})(jQuery); 
jQuery.test(); 

Answer 4

¿Por qué no extraer el código compartido en un tercer archivo?

Aparte de eso, depende de lo que haga el código. En general, se puede envolver toda la función en una condición y sólo ejecutar "si una cosa en conflicto aún no se ha realizado