कोशिश ब्लॉक के अंदर अपनी परिभाषा से पहले मैं जावास्क्रिप्ट फ़ंक्शन का उपयोग क्यों नहीं कर सकता?

Question

जैसा कि here पर चर्चा की गई है, परिभाषित करने से पहले फ़ंक्शन परिभाषाओं का उपयोग किया जा सकता है। लेकिन जैसे ही कोड के एक खंड को ब्लॉक ब्लॉक में लपेटा जाता है, यह मामला बंद हो जाता है।

यह प्रदर्शित करता है "हैलो दुनिया":

hello(); 
function hello() { alert("Hello world"); } 

लेकिन यह प्रदर्शित करता है "ReferenceError: हैलो परिभाषित नहीं है":

try { 
    hello(); 
    function hello() { alert("Hello world"); } 
} catch (err) { 
    alert(err); 
} 

तो वहाँ स्पष्ट रूप से कुछ "विशेष" के साथ एक कोशिश ब्लॉक के बारे में है समारोह घोषणाओं का सम्मान। क्या इस व्यवहार को दूर करने का कोई तरीका है?

Answer 1

यह देखते हुए कि एक फ़ंक्शन ब्लॉक आगे फ़ंक्शन संदर्भ के साथ स्थानीय दायरे स्थापित करता है, तत्काल फ़ंक्शन में प्रयास ब्लॉक की सामग्री को लपेटकर उस व्यवहार को पुनर्स्थापित करना प्रतीत होता है।

यह Firefox, IE, क्रोम में काम करता है:

try { 
    (function(){ 
    hello(); 
    function hello() { alert("Hello world"); } 
    }()) 
} catch (err) { 
    alert(err); 
} 

पाठ्यक्रम कार्य करता है और चर कोशिश समारोह में परिभाषित के

नहीं, पकड़ ब्लॉक में लंबे समय तक दिखाई दे रहे हैं के रूप में वे तत्काल समारोह आवरण के बिना होगा। लेकिन यह कोशिश/पकड़ स्क्रिप्ट रैपिंग के लिए एक संभावित कामकाज है।

Answer 2

फ़ायरफ़ॉक्स फ़ंक्शन स्टेटमेंट को अलग-अलग व्याख्या करता है और स्पष्ट रूप से उन्होंने फ़ंक्शन घोषणा के लिए घोषणापत्र को तोड़ दिया। (A good read about named functions/declaration vs expression)

क्यों फ़ायरफ़ॉक्स बयान की व्याख्या करता है अलग ढंग से निम्न कोड की वजह से है:

if (true) { 
    function test(){alert("YAY");} 
} else { 
    function test(){alert("FAIL");} 
} 
test(); // should alert FAIL 

घोषणा उत्थापन के कारण, समारोह test चाहिए हमेशा सतर्क "असफल", लेकिन नहीं फ़ायरफ़ॉक्स में। उपर्युक्त कोड वास्तव में फ़ायरफ़ॉक्स में "यय" को अलर्ट करता है और मुझे उस कोड पर संदेह है जो अंततः घोषणापत्र को पूरी तरह से तोड़ देता है।

मुझे लगता है कि फ़ायरफ़ॉक्स विभिन्न घोषणाओं में फ़ंक्शन घोषणाएं बदलता है जब वे/अन्य में स्थित होते हैं या कथन/प्रयास करते हैं। इसलिए जैसा:

// firefox interpretted code 
var test; // hoisted 
if (true) { 
    test = function(){alert("yay")} 
} else { 
    test = function(){alert("fail")} 
} 

Šime Vidas के साथ एक संक्षिप्त बहस के बाद, मैं कहना है कि समारोह घोषणाओं के साथ Firefox के व्यवहार की वजह से, गैर मानक है:

The production SourceElement : Statement is processed for function declarations by taking no action.
The production SourceElement : Statement is evaluated as follows:

1. Evaluate Statement.
2. Return Result(1).

दोनों FunctionDeclaration और वक्तव्य SourceElements कर रहे हैं, ergo, एक बयान के अंदर कोई समारोह घोषणा नहीं होनी चाहिए (अगर/अन्य, कोशिश/पकड़)। Šime Vidas एक brownie दे दो!

कोशिश/पकड़ मूल रूप से अन्य रूपों का एक और रूप है और शायद उसी अपवाद कोड का उपयोग करता है।

Answer 3

आप इसे इस तरह से हमेशा कर सकते हैं और दोनों दुनिया का सबसे अच्छा मिलता है:

function hello() { 
    alert("Hello world"); 
} 

try { 
    hello(); 
} 
catch (err) { 
    alert(err); 
} 

तुम अब भी पकड़ ब्लॉक में अपने अपवाद मिल जाएगा, लेकिन समारोह उपलब्ध हो जाएगा। इसे बनाए रखना आसान होना चाहिए, और वैसे भी होस्टिंग कार्यों के लिए कोई कार्यात्मक लाभ नहीं है।

संपादित करें:

प्रदर्शित करने के लिए है कि इस बस के रूप में एक कोशिश पकड़ में पूरे कोड घेर के रूप में टिकाऊ है, मैं एक अधिक विस्तृत उदाहरण प्रदान कर रहा हूँ।

function hello(str) { 
    alert("Hello, " + str); 
} 

function greet() { 
    asdf 
} 

try { 
    var user = "Bob"; 
    hello(user); 
    greet(); 
    asdf 
} 
catch (e) { 
    alert(e); 
} 

यह अपेक्षित, कोई पार्सिंग मुद्दों के रूप में काम करेगा। लोड समय पर असफल होने वाले एकमात्र स्थान फ़ंक्शन डीफ़ के बाहर हैं और प्रयास करने की कोशिश कर रहे हैं। आपको फ़ंक्शन डीफ़ के अंदर किसी भी कचरे पर अपवाद भी मिलेंगे।

मुझे लगता है कि यह एक शैली वरीयता है, लेकिन ऐसा लगता है कि यह अन्य विकल्पों की तुलना में मेरे लिए अधिक पठनीय और रखरखाव योग्य है।