जावास्क्रिप्ट कोड jsfiddle.net पर विफल क्यों होता है

कंसोल लॉगिंग के साथ jsfiddle.net पर चलने का प्रयास करते समय प्रदान किया गया कोड एक समस्या प्रदर्शित करता है "ReferenceError: फ़ंक्शन नाम परिभाषित नहीं है।" इसे समझने के लिए, हम कोड की संरचना में गहराई से उतरते हैं और jsfiddle के भीतर इसके निष्पादन का विश्लेषण करते हैं।

कोड नामक फ़ंक्शन के भीतर BetterSelect और fillList जैसे कार्यों को परिभाषित करता है। window.onload। एक सामान्य वेब वातावरण में, यह फ़ंक्शन सुनिश्चित करता है कि विंडो लोड होने के बाद कोड निष्पादित हो। हालाँकि, jsfiddle के ढांचे के भीतर, यह पहलू एक महत्वपूर्ण अंतर प्रस्तुत करता है।

जब कोड को लाइव साइट पर निष्पादित किया जाता है, तो फ़ंक्शन विंडो ऑब्जेक्ट के भीतर विश्व स्तर पर उपलब्ध होते हैं क्योंकि उन्हें किसी विशिष्ट फ़ंक्शन दायरे के बाहर परिभाषित किया जाता है। हालाँकि, jsfiddle में, फ़ंक्शन केवल window.onload फ़ंक्शन के दायरे में ही पहुंच योग्य हैं।

इस समस्या के कई समाधान हैं:

1. विश्व स्तर पर कार्यों को परिभाषित करें : फ़ंक्शन घोषणाओं को window.functionName = function(){}; में बदलें।
2. विनीत जावास्क्रिप्ट: केवल JS के माध्यम से DOM तत्वों के साथ व्यवहार जोड़ने के लिए HTML को JS से अलग करें।
3. jsfiddle की डिफ़ॉल्ट रैपिंग को अक्षम करें: "ऑनलोड" के बजाय "नो रैप" (बॉडी या हेड) का चयन करें। और jsfiddle.net.