¿Cuál es la mejor manera de asegurarse de que un complemento jQuery nunca sobrescriba un método nativo de jQuery?

Question

Escribo un plugin de jQuery, y me preguntaba cómo asegurarme de que nunca sobreescribo un futuro método nativo de jQuery.

Por ejemplo, mi complemento se llama Foo y el uso es $('selector').foo().

jQuery 2.6 ha notado la popularidad de Foo y ha decidido incluirlo en el paquete básico. También se usa a través del $('selector').foo().

No quiero que mi Foo sobrescriba el Foo nativo de jQuery (o de lo contrario choque).

Esto es lo que me ocurrió ...

(function($) { 

    // If jQuery adds this method, we don't want to overwrite it 
    if (typeof $.foo === 'function') { 
    return; 
    }; 

    $.fn.foo = function() { 
    // Foo 
    }; 

})(jQuery); 

¿Sería ésta la mejor manera de hacerlo?

Answer 1

Puede omitir las declaraciones if y generar una verificación de definición en la declaración de su función.

(function($){ 

    $.fn.foo = $.fn.foo || function() { 
    // only used if $.fn.foo is undefined 
    } 

})(jQuery) 

Answer 2

Probablemente desee hacer esto de forma similar a la programación de JavaScript normal de una función getElementsByClassName - compruebe si existe y créela si no.

Answer 3

creo que sería mejor con:

if ($.foo !== undefined) { 
    alert('there is something at foo'); 
    return; 
    }; 

La razón de ser, su plugin podría tener este aspecto:

$.foo = { 
    doSomething: function() { /* do something*/ }, 
    doSomethingElse: function() { /* do something else*/ } 
    }; 

El typeof lo anterior es no función, pero objeto , por lo que la condición en su ejemplo no se comportará como espera.

Answer 4

Una versión ligeramente mejor (en cuanto al rendimiento):

jQuery.fn.foo || (jQuery.fn.foo = function(){ 
var $ = jQuery; 
(your code goes here) 
});