(...()) बनाम (...)() javascript बंद

Question

में मैं जानता हूँ कि यह मूर्खतापूर्ण है, लेकिन इस बीच कोई अंतर है:

(function() { 
    var foo = 'bar'; 
})(); 

और इस?

(function() { 
    var foo = 'bar'; 
}()); 

JSLintMove the invocation into the parens that contain the function लिए हमें बताता है, लेकिन मैं करने की कोई जरूरत को देखते हैं।

संपादित करें: उत्तर बहुत अच्छे हैं। ~function, JSHint वैकल्पिक रूप से (/***/)(); और क्रॉकफोर्ड के स्पष्टीकरण के लिए jQuery की प्राथमिकता के साथ वैकल्पिक! मैंने सोचा कि मैं सिर्फ "वे एक ही चीज़" उत्तर देने के लिए जा रहा था।
आप लोग अपवॉट्स के माध्यम से सबसे अच्छा फैसला करते हैं और मैं इसे टिक करता हूं।

Answer 1

कोई फर्क नहीं पड़ता। घोषणा के बजाय अभिव्यक्ति के रूप में अपने फ़ंक्शन का इलाज करने के लिए जावास्क्रिप्ट पार्सर को वैध तरीके से दोनों ही वैध तरीके हैं।

ध्यान दें कि + और ! भी काम करेंगे, और कभी कभी आकार का एक चरित्र को बचाने के लिए minifiers द्वारा किया जाता है: पूर्णता के लिए, @copy बताते हैं के रूप में

+function() { 
    var foo = 'bar'; 
}(); 

!function() { 
    var foo = 'bar'; 
}(); 

संपादित

, ~ और - भी काम करेगा।

-function() { 
    var foo = 'bar'; 
}(); 

~function() { 
    var foo = 'bar'; 
}(); 

Answer 2

नहीं, मुझे विश्वास नहीं है कि कोई अंतर है। मैं व्यक्तिगत रूप से पूर्व पसंद करता हूं (और jQuery एट अल। सहमत हैं) लेकिन वे दोनों परीक्षण किए गए प्रत्येक इंजन में समान रूप से काम करते हैं।

इसके अलावा, जेएसलिंट कभी-कभी थोड़ा सख्त होता है। JSHint उस संबंध में थोड़ा बेहतर हो सकता है।

Answer 3

JSLint उल्लंघन मौजूद है ऐसा इसलिए है क्योंकि डगलस Crockford कहते हैं बाहर-कोष्ठकों संस्करण "कुत्ते गेंदों" की तरह लग रहा है।

आप सुन सकते हैं उसे this video में इस पर चर्चा:

I think that looks goofy, 'cause what we're talking about is the whole invocation, but we got these things hanging outside of it looking sorta like ... dog balls.

उनका सुझाव है कि मदद के अंदर कोष्ठकों पाठक कि पूरे बयान एक समारोह अभिव्यक्ति बजाय एक घोषणा है समझते हैं।