जावास्क्रिप्ट: "ऑनलोड = फ़ंक्शन() {}" से अलग "फ़ंक्शन ऑनलोड() {}" कैसे है?

Question

this question के उत्तरों में, हम पढ़ते हैं कि function f() {} स्थानीय रूप से नाम परिभाषित करता है, जबकि [var] f = function() {} इसे विश्व स्तर पर परिभाषित करता है। यह मेरे लिए सही मायने रखता है, लेकिन कुछ अजीब व्यवहार है जो दो घोषणाओं के बीच अलग है।

मैं स्क्रिप्ट

onload = function() { 
    alert("hello"); 
} 

साथ एक HTML पृष्ठ बना दिया है और यह उम्मीद के रूप में काम किया। जब मैंने इसे

function onload() { 
    alert("hello"); 
} 

कुछ भी नहीं हुआ। (फ़ायरफ़ॉक्स ने अभी भी घटना को निकाल दिया है, लेकिन वेबकिट, ओपेरा और इंटरनेट एक्सप्लोरर ने नहीं किया है, हालांकि स्पष्ट रूप से मुझे नहीं पता कि कौन सा सही है।)

दोनों मामलों में (सभी ब्राउज़रों में), मैं सत्यापित कर सकता हूं कि window.onload दोनों और onload फ़ंक्शन पर सेट किए गए थे। दोनों स्थितियों में, वैश्विक वस्तु this विंडो पर सेट है, और कोई फर्क नहीं पड़ता कि मैं घोषणा कैसे लिखता हूं, window ऑब्जेक्ट संपत्ति को ठीक से प्राप्त कर रहा है।

यहां क्या हो रहा है? एक घोषणा दूसरे से अलग क्यों काम करती है? क्या यह जावास्क्रिप्ट भाषा, डीओएम, या दोनों के बीच बातचीत का एक quirk है?

Answer 1

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

function onload() { ... } 

।

var onload = function() { ... } 

यह टुकड़ा एक संपत्ति/चर/वर्तमान क्षेत्र पर "ऑनलोड" नाम क्षेत्र के लिए एक समारोह प्रदान करती है:

onload = function() { ... } 

कारण है कि फ़ायरफ़ॉक्स 1 पर बाध्यकारी प्रदर्शन किया और ऑनलोड घटना उठाया स्निपेट और अन्य नहीं हो सकते थे क्योंकि फ़ायरफ़ॉक्स क्रोम (इसका यूजर इंटरफेस) स्वयं जावास्क्रिप्ट का उपयोग करके लिखा और स्वचालित है - यही कारण है कि यह इतना लचीला और विस्तार करने के लिए आसान है। किसी भी तरह, जब आपने स्थानीय रूप से स्कॉप्ड onload फ़ंक्शन को इस तरह से फ़ंक्शन किया, तो फ़ायरफ़ॉक्स ने window (उस समय स्थानीय संदर्भ में उस समय स्थानीय संदर्भ) onload (उस समय, एक खाली फ़ंक्शन या अपरिभाषित) के कार्यान्वयन को प्रतिस्थापित किया, जबकि दूसरा ब्राउज़र एक और दायरे में घोषणा "सैंडबॉक्स" सही ढंग से (कहते हैं, global या कुछ)।

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

यह नहीं करता है::

foo(); 
function foo(){} 

दूसरा वाक्य रचना इसलिए अच्छे है जब आप modularize और अपने कोड को व्यवस्थित करने के कार्यों का उपयोग कर रहे हैं, जबकि पहले

Answer 2

var onload = function() { 
    alert("hello"); 
} 

इसे स्थानीय रूप से भी घोषित करेगा।

मेरा सुझाव है कि आप इस बहुत उपयोगी लेख पढ़ने के लिए: http://kangax.github.io/nfe/

Answer 3

बहुत से लोग सही ढंग से (अद्यतन: उन जवाब ज्यादातर उनके लेखकों द्वारा हटा दिया गया है अब) के बीच वैश्विक/स्थानीय अंतर बाहर ओर इशारा करते हैं

var x = function() { 

और

function x() { 

लेकिन वह वास्तव में उत्तर नहीं मिलता है अपने विशिष्ट सवाल यह है कि आप वास्तव में इनमें से पहला नहीं कर रहे हैं।

अपने उदाहरण में दोनों के बीच अंतर यह है:

// Adds a function to the onload event 
onload = function() { 
    alert("hello"); 
} 

जबकि

// Declares a new function called "onload" 
function onload() { 
    alert("hello"); 
} 

Answer 4

यहाँ मैं क्या सोचते हैं, पर जा रहा है टिम डाउन मददगार टिप्पणियाँ और जोनाथन पेन के साथ एक संक्षिप्त चर्चा के आधार पर :

जब जावास्क्रिप्ट दुभाषिया window.onload संपत्ति को असाइन करता है, तो यह उस ऑब्जेक्ट से बात कर रहा है जिसे ब्राउज़र ने दिया है। वह सेटर जो यह नोटिस करता है कि संपत्ति को onload कहा जाता है, और इसलिए बाकी ब्राउज़र पर जाता है और उपयुक्त घटना को तार देता है। यह सब जावास्क्रिप्ट के दायरे से बाहर है - स्क्रिप्ट सिर्फ यह देखती है कि संपत्ति सेट की गई है।

जब आप एक घोषणा function onload() {} लिखते हैं, तो सेटटर को उसी तरह से नहीं बुलाया जाता है।चूंकि घोषणा पार्स समय पर मूल्यांकन करने का कारण बनती है, मूल्यांकन समय नहीं, स्क्रिप्ट दुभाषिया आगे बढ़ता है और ब्राउज़र को बताए बिना चर बनाता है; या फिर विंडो ऑब्जेक्ट घटनाओं को प्राप्त करने के लिए तैयार नहीं है। जो भी हो, ब्राउजर को असाइनमेंट देखने का मौका नहीं मिलता है जब आप onload = function() {} लिखते हैं, जो सामान्य सेटर रूटीन के माध्यम से जाता है।

Answer 5

यह एक त्रुटि उत्पन्न करता है सिंटैक्स फ़ंक्शन-ए-डेटा प्रतिमान के लिए अच्छा है।

Answer 6

सरल व्याख्या:

function aaaaaaa(){ 

पहले यह declarated है इस्तेमाल किया जा सकता:

aaaaaaa(); 
function aaaaaaa(){ 

} 

लेकिन यह काम नहीं करता:

aaaaaaa(); 
aaaaaaa=function(){ 

} 

ऐसा इसलिए है क्योंकि तीसरे कोड में है , आप एक अज्ञात फ़ंक्शन को aaaaaaa असाइन कर रहे हैं, इसे फ़ंक्शन के रूप में घोषित नहीं कर रहे हैं।