jQuery

Question

jQuery के साथ

लेखन प्लगइन के बिना ही एक जावास्क्रिप्ट प्लगइन लिखने के लिए कैसे अपेक्षाकृत आसान है, सिर्फ $ .fn का उपयोग करें और आप अपने रास्ते पर होंगे। इसलिए जैसा:

$.fn.analyse = function() { 
... 
} 

लेकिन क्या होगा अगर आप jQuery का उपयोग नहीं कर पा रहे? लेकिन

Object.prototype.analyse = function() { 
... 
} 

मैं क्या समझ इस पर सिकोड़ी है से:

document.querySelector("#mydiv").analyse(); 

मैं इस तरह से इसके बारे में जा सकते हैं:

चलो कहते हैं कि मैं निम्नलिखित कोड का उपयोग करने में सक्षम होना चाहते हैं!

var proto_methods = { 
    analyse: function() { 
     var node = this.node; 

     // ... 
    } 
}, wrap, _wrap; 

_wrap = function(selector) { this.node = document.querySelector(selector); }; 
_wrap.prototype = proto_methods; 

wrap = function(selector) { 
    return new _wrap(selector); 
}; 

इस तरह इसका इस्तेमाल:

Answer 1

आपके प्रारंभ करने के लिए कुछ है

wrap("#mydiv").analyse(); 

उपयोग इस आप अधिक प्लग इन जोड़ना चाहते हैं (और यह एक छोटे से अधिक वस्तु उन्मुख):

var pack = { 
    binder: [{}] 
}; 

pack.query_bind = function(bound) { 
    if (bound) pack.binder[1] = bound; 
}; 

pack.fn = function(attributes) { 
    for (var i in attributes) pack.binder[0][i] = attributes[i]; 
}; 

var _wrap = function(selector) { 
    this.node = /^(#|.)\w+/.test(selector) ? pack.binder[1](selector) : {}; 
}; 

_wrap.prototype = pack.binder[0]; 

var wrap = function(selector) { 
    pack.query_bind(document.querySelector.bind(document)); 
    return new _wrap(selector); 
}; 

wrap.fn = pack.fn; 

wrap.fn({ 
    cool: function() {}, 
    nice: function() {} 
}); 

wrap('#mydiv').cool(); 

आप किसी भी समय wrap.fn कॉल कर सकते हैं और प्रोटोटाइप अद्यतन किया जाएगा।

हालांकि, ध्यान दें कि यह jQuery के लिए एक वास्तविक प्रतिस्थापन नहीं है क्योंकि ऐसी कई चीजें हैं जिन्हें मैंने इस कोड में शामिल नहीं किया है। wrap फ़ंक्शन jQuery के $ के रूप में कई तरीकों से उन्नत और उपयोगी नहीं है।

मुझे आशा है कि इस मदद करता है।

Answer 2

बस बॉयलरप्लेट लिखा था। इसका कोई भी चयनकर्ता तर्क नहीं है क्योंकि यह D3.js के शीर्ष पर लाइब्रेरी के लिए डिज़ाइन किया गया है, जिसका पहले से ही स्वयं का चयनकर्ता इंजन है। https://gist.github.com/turboMaCk/34bde8e744f5921be0c4