अपवाद पर Jquery इवेंट लूप क्यों बाधित है

Question

हमारे आवेदन (स्ट्रॉफ़ एक्सएमपीपी और jQuery) का अजीब व्यवहार करने के बाद, हमने पाया है कि jquery event loop तुल्यकालिक है और अपवाद नहीं पकड़ता है।

इसका मतलब है कि यदि पहला ईवेंट हैंडलर अपवाद उठाता है, तो दूसरा को कभी नहीं कहा जाता है।

$(document).ready(function() { 
    $(document).bind('foo', onFoo); 
    $(document).bind('bar', onBar); 

    $(document).trigger('foo'); 
    $(document).trigger('bar'); 
}); 

function onFoo(e) { 
    console.log('listener onFoo'); 
    throw 'fail onFoo'; 
} 

function onBar(e) { 
    console.log('listener onBar'); // not called 
} 

हमें दो आउटपुट देखने की उम्मीद है, लेकिन दूसरा: "श्रोता ऑनबार" कभी प्रदर्शित नहीं हुआ था।

"ट्रिगर" फ़ंक्शन में JQuery कोड देखें, हैंडलर के लूप के दौरान कोई प्रयास/पकड़ पैटर्न नहीं है।

while ((cur = eventPath[i++]) && !event.isPropagationStopped()) { 
    event.type = i > 1 ? 
     bubbleType : 
     special.bindType || type; 

    // jQuery handler 
    handle = (jQuery._data(cur, "events") || {})[ event.type ] && jQuery._data(cur, "handle"); 
    if (handle) { 
     handle.apply(cur, data); 
    } 
... (line 4998 in JQuery 1.10.2) 

हम इस कार्यान्वयन से आश्चर्यचकित हैं।

शुद्ध जावास्क्रिप्ट में, सभी हैंडलर को बुलाया जाता है भले ही उनमें से एक क्रैश हो: http://jsfiddle.net/bamthomas/kgS7A/2/।

क्या कोई जानता है कि क्यों JQuery टीम अगले हैंडलर के निष्पादन की अनुमति नहीं देती है, भले ही पिछला एक क्रैश हो जाए? अपवाद क्यों नहीं पकड़े जाते हैं?

उन्होंने जावास्क्रिप्ट ईवेंट हैंडलर का उपयोग क्यों नहीं किया?

Answer 1

यह this loop taken from the .dispatch source की वजह से होता है:

while ((handleObj = matched.handlers[j++]) && !event.isImmediatePropagationStopped()) { 

    // Triggered event must either 1) have no namespace, or 
    // 2) have namespace(s) a subset or equal to those in the bound event (both can have no namespace). 
    if (!event.namespace_re || event.namespace_re.test(handleObj.namespace)) { 

     event.handleObj = handleObj; 
     event.data = handleObj.data; 

     ret = ((jQuery.event.special[handleObj.origType] || {}).handle || handleObj.handler) 
     .apply(matched.elem, args); 

     if (ret !== undefined) { 
      if ((event.result = ret) === false) { 
       event.preventDefault(); 
       event.stopPropagation(); 
      } 
     } 
} 

आप देख सकते हैं, वहाँ कोई ट्राई/कैच के आसपास है .apply।

इस तरह से यह years और years and years के लिए किया गया है।

भले ही वे चाहते थे, अब इसे बदलना बहुत अधिक मौजूदा कोड तोड़ देगा। याद रखें, jQuery में बहुत सी चीजें जो मनमानी लगती हैं अब किसी अन्य समय पैदा हुई थीं।

आप निश्चित रूप से इसे अपने स्वयं के कोड में ठीक कर सकते हैं (इसे त्रुटि संदेश के साथ प्रयास/पकड़ में लपेटें), लेकिन आप सब कुछ और आश्चर्यचकित होंगे।