जावास्क्रिप्ट ऑब्जेक्ट विधि चेनिंग: उपयोगी?

Question

तो ... जावास्क्रिप्ट में चारों ओर एक विचार के साथ गड़बड़ कर रहा है जो मेरे लिए नया है, ऑब्जेक्ट के तरीके होने से वे ऑब्जेक्ट लौटते हैं; यह तब चेनबिलिटी की ओर जाता है। मेरा सवाल, फिर: यह कैसे उपयोगी हो सकता है? मैं इस एक साथ मौलिक कामकाज का परीक्षण करने के फेंक दिया:

<script> 
MathChain = function() 
{ 
    this.pass = function() 
    { 
     this.multiply = eval(arguments.join('*')); 
     this.add = eval(arguments.join('+')); 
     return this; 
    } 
} 

m = new MathChain().pass(5, 10, 20).multiply; // 1000 
a = new MathChain().pass(5, 10, 20).add;  // 35 
</script> 

स्पष्ट रूप से एक क्रूरतापूर्वक कुशल उदाहरण है, जिसमें एक इस अवधारणा का प्रयोग करेंगे नहीं है यही कारण है, तो आप मुझे कुछ jQuery से अलग तो ठीक है कि (को इंगित कर सकता है, कृपया)?

Answer 1

ठीक है, यहां एक बहुत ही वास्तविक दुनिया लागू उदाहरण नहीं है, लेकिन मुझे लगता है कि आपको यह विचार मिल जाएगा। यदि आप किसी ऑब्जेक्ट पर कई अलग-अलग संचालन करने की अनुमति देते हैं, और सुविधा प्रदान करते हैं।

var truck = function() { 

    this.turnLeft = function { 

     // turn left 
     return this; 

    } 

    this.turnRight = function { 

     // turn right 
     return this; 

    } 

    this.goReallyFast = function { 

     // go fast! 
     return this; 

    } 

}; 

// My get-away plan 
var myTruck = new truck(); 
myTruck.turnLeft().turnRight().goReallyFast(); 

Answer 2

Fluent इंटरफ़ेस - http://en.wikipedia.org/wiki/Fluent_interface

हां, मैं यह बहुत उपयोगी हो सकता है लगता है, लेकिन किसी भी डिजाइन पैटर्न की तरह केवल आवश्यकता इस्तेमाल किया जाना चाहिए

संपादित करें: यहाँ ग # में चहचहाना क्लाइंट API एक धाराप्रवाह उपयोग कर रहा है इंटरफ़ेस - http://code.google.com/p/tweetsharp/

Answer 3

एक बहुत अलग (गैर-ओओ) उदाहरण के लिए, चेनिंग Unix pipelines के समान कुछ हद तक समान है। बजाय

cat file1 file2 | sort -n | awk '{print $2}' | sed 's/@/ at /g' 

Answer 4

एक उदाहरण जहां यह उपयोगी है आपकी समस्या — पर एक मामूली बदलाव के साथ है एक ही वस्तु लौटने: एक यूनिक्स पाइप के प्रत्येक चरण के अगले चरण पर भेजने के लिए रिटर्न पूर्ण (संशोधित) सामग्री, उपयुक्त , आप ऑब्जेक्ट को अपरिवर्तनीय पर डिज़ाइन करते हैं। फिर आपके फ़ंक्शन एक ही प्रकार के नए उदाहरण वापस लौटाएंगे, लेकिन गुणों को पहले से उचित रूप से सेट किया गया है।

इसमें कई व्यावहारिक अनुप्रयोग हैं, खासकर कार्यात्मक प्रोग्रामिंग के दायरे में।

Answer 5

जावास्क्रिप्ट में यह डोम नेविगेट करते समय हर समय आता है। खासकर जब उन तत्वों के समूह के माध्यम से अपना रास्ता छीनने की कोशिश करते हैं जिनके पास आईडी नहीं है।

उदाहरण के लिए finding the first element of a table के संबंध में SO पर एक प्रश्न था। इसमें बहुत सारे लूप या जंजीर कमांड शामिल हो सकते हैं।

Answer 6

हालांकि यह आपके उदाहरण के रूप में काम नहीं करता है (टीबीएच मैंने इसे पहले कभी नहीं देखा है), jquery considers "chaining" to be very useful, और जेएसई वेब ढांचे की बात करते समय jquery इन दिनों yardstick है। .. तो हाँ :-)

Answer 7

सभी बच्चे चेनिंग से प्यार करते हैं। हालांकि, मेरे अनुभव में इसे देखभाल के साथ इस्तेमाल किया जाना चाहिए क्योंकि यह कोड की पठनीयता को कम कर सकता है। दूसरे शब्दों में, जो आपको समझ में आता है और अन्य प्रोग्रामर द्वारा आसानी से समझा जा सकता है जिनके पास अवधारणा के साथ बुनियादी परिचितता है ..

Answer 8

जावास्क्रिप्ट चेनिंग बहुत उपयोगी हो सकती है यदि आप एकल पर क्रियाओं की श्रृंखला को पूर्ववत करना चाहते हैं वस्तु। मैं नीचे माइकल ल्यूटन से सहमत हूं, चेनिंग को देखभाल के साथ संभाला जाना चाहिए। यदि आप एक या दो जंजीर विधियों को किसी ऑब्जेक्ट पर जोड़ते हैं जो अभी भी पठनीय है। यदि आप चार, पांच, या यहां तक ​​कि नौ जोड़ना शुरू करते हैं, तो आपका कोड न केवल पढ़ने के लिए बल्कि बनाए रखने के लिए कठिन हो जाता है।

Answer 9

मुझे परिभाषित करने के बाद विधियों को श्रृंखला बनाने के लिए एक सामान्य समाधान की खोज करते समय यह प्रश्न मिला। यहां मैं क्या आया था।मैं एक जावास्क्रिप्ट neophyte हूँ; सावधान ग्राहक।

makeChainable = function() { 
    var receiver = arguments[0] 
    for (var i = 1; i < arguments.length; i++) { 
     functionName = arguments[i]; 
     (function() { 
      wrapped = receiver[functionName]; 
      receiver[functionName] = function() { 
       wrapped.apply(receiver, arguments); 
       return receiver; 
      } 
     })(); 
    } 
} 

daisy = { 
    name: 'Daisy', 
    moo: function() { console.log(this.name + " moos!") } 
} 

makeChainable(daisy, 'moo'); 
daisy.moo().moo().moo();