jQuery eklentisinin jQuery yerel yönteminin üzerine yazılmayacağından emin olmanın en iyi yolu nedir?

Question

Bir jQuery eklentisi yazıyorum ve gelecekteki jQuery yerel yönteminin üzerine yazmadığımdan nasıl emin olacağımı merak ediyordum. Örneğin, eklentim Foo ve kullanımı $('selector').foo().

jQuery 2.6, Foo'nun popülaritesini fark etti ve bunu çekirdek pakete dahil edeceğine karar verdi. Ayrıca $('selector').foo() üzerinden kullanılır.

Foo'm jQuery'nin yerel Foo'sunun (veya başka bir çakışma) üzerine yazılmasını istemiyorum.

Bu ben ile ne geldi edilir ...

(function($) { 

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

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

})(jQuery); 

bunu yapmak için en iyi yolu olabilir mi?

Answer 1

if ifadelerini atlayabilir ve işlev bildiriminize tanım denetimi oluşturabilirsiniz.

(function($){ 

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

})(jQuery) 

Answer 2

Muhtemelen bu, düzenli bir JavaScript programlama için getElementsByClassName işlevine benzer bir şekilde yapmak isteyebilirsiniz - var olup olmadığını kontrol edip etmediyseniz oluşturursunuz.

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

Neden olmak, senin eklenti bu gibi görünebilir::

Answer 3

Sana ile daha iyi olacağını düşünüyorum

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

typeof yukarıda değil işlevi, ancak bu amaç Yani, örneğinizdeki koşul beklediğiniz gibi davranmayacaktır.

Answer 4

A biraz daha iyi (epeyce) sürümü: foo uygulamanız jQuery'nin sonra eklenti alacağı arabası daha differen't ise

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