मेरे जावास्क्रिप्ट फ़ंक्शन नाम क्लैशिंग क्यों हैं?

Question 1

मैंने निम्नलिखित स्क्रिप्ट को केवल यह देखने के लिए लिखा है कि जब एक चर और एक फ़ंक्शन होता है, जो इसे सौंपा गया होता है, तो उनके नाम क्लैश होते हैं:

var f = function() {
    console.log("Me original.");
}

function f() {
    console.log("Me duplicate.");
}

f();

मुझे जो आउटपुट मिल रहा है, वह है "मुझे मूल।" दूसरे फंक्शन को क्यों नहीं बुलाया गया?

इसके अलावा, अगर मैं अपने मूल असाइनमेंट को बदल देता हूं, तो मुझे var f = new function() {"ओ ओरिजिनल" मिल जाता है, इसके बाद टाइपर्रर कहा जाता है object is not a function। क्या कोई समझा सकता है?

Question 2

जावास्क्रिप्ट में फ़ंक्शन घोषणाएँ फहराई जाती हैं (शीर्ष पर ले जाया जाता है)। आदेश देने के मामले में गलत होते हुए, आपके पास जो कोड है वह शब्दार्थ रूप से समान है क्योंकि फ़ंक्शन घोषणाओं को फहराया जाता है:

function f() {
    console.log("Me duplicate.");
}
var f = function() {
    console.log("Me original.");
}


f();

जो बदले में, फ़ंक्शन के नाम के अपवाद के साथ समान है:

var f = function() {
    console.log("Me duplicate.");
}
var f = function() {
    console.log("Me original.");
}


f();

बदले में, परिवर्तनशील उत्थापन के कारण समान है:

var f;
f = function() {
    console.log("Me duplicate.");
}
f = function() {
    console.log("Me original.");
}

f();

जो बताता है कि आपको क्या मिल रहा है, आप फ़ंक्शन को ओवरराइड कर रहे हैं। अधिक सामान्यतः, कई varघोषणाओं को जावास्क्रिप्ट में अनुमति दी जाती है - var x = 3; var x = 5पूरी तरह से कानूनी है। नए ECMAScript 6 मानक में, letबयानों ने इसे मना किया है।

यह लेख @kangax द्वारा जावास्क्रिप्ट में कार्यों को ध्वस्त करने में एक शानदार काम करता है

Question 3

यदि ऐसा नहीं लगता है कि किसी ने आपके अनुवर्ती प्रश्न का उत्तर दिया है, तो मैं इसका उत्तर यहां दूंगा, हालांकि आपको आमतौर पर अनुवर्ती प्रश्नों को अलग-अलग प्रश्नों के रूप में पूछना चाहिए।

आपने पूछा कि यह क्यों:

var f = new function() {
    console.log("Me original.");
}

function f() {
    console.log("Me duplicate.");
}

f();

प्रिंट करता है "मुझे मूल।" और फिर एक त्रुटि।

यहाँ क्या हो रहा है कि newफ़ंक्शन का उपयोग एक कंस्ट्रक्टर के रूप में किया जाता है। तो यह निम्नलिखित के बराबर है:

function myConstructor() {
    console.log("Me original.");
}
var f = new myConstructor();

function f() {
    console.log("Me duplicate.");
}

f();

और उस समारोह के लिए धन्यवाद, जिसे बेंजामिन ने समझाया, उपरोक्त अनिवार्य रूप से इसके बराबर है:

var myConstructor = function() {
    console.log("Me original.");
};
var f = function() {
    console.log("Me duplicate.");
};

f = new myConstructor();

f();

यह अभिव्यक्ति:

var f = new function() {
    console.log("Me original.");
}

निर्माणकर्ता के fरूप में एक अनाम फ़ंक्शन का उपयोग करके एक नई वस्तु का निर्माण और उसे सौंपा जा सकता है । "मुझे मूल।" कंस्ट्रक्टर निष्पादित होने पर इसका प्रिंट आउट निकाल लिया जाता है। लेकिन जिस वस्तु का निर्माण किया जाता है वह स्वयं एक फ़ंक्शन नहीं है, इसलिए जब यह अंततः निष्पादित होता है:

f();

आपको कोई त्रुटि मिलती है, क्योंकि fकोई फ़ंक्शन नहीं है।

Question 4

मुझे माफ कर दो अगर यह एक बिंदु को जोड़ने के लिए गलत तरीका है। मैं यहाँ बहुत नहीं रहा, और रचनात्मक दिशा और / या आलोचना का स्वागत करूँगा।

बेंजामिन का जवाब ओपी के सवाल को बहुत ही शानदार तरीके से संबोधित करता है, लेकिन मैं एक ऐसा ट्विस्ट जोड़ना चाहूंगा जो हमें फहराने और उसकी विषमताओं का पूरा दौरा देगा।

यदि हम कॉल के साथ मूल कोड शुरू करते हैं f, जैसे:

f();

var f = function() {
   console.log("Me original.");
};

function f() {
   console.log("Me duplicate.");
}

f();

आउटपुट तब होगा:

Me duplicate.
Me original.

कारण यह है कि var और functionबयानों को थोड़े अलग तरीके से फहराया जाता है।

के लिए घोषणा वर्तमान क्षेत्र * के शीर्ष, लेकिन किसी भी करने के लिए ले जाया जाता है कामvar फहराया नहीं है। जहां तक घोषित संस्करण का मूल्य है, यह तब तक अपरिभाषित है जब तक कि मूल असाइनमेंट लाइन नहीं पहुंच जाती।

के लिए functionबयान , दोनों घोषणा और परिभाषा फहराया जाता है। फंक्शन एक्सप्रेशंस , जैसा कि इसमें इस्तेमाल किया गया हैvar f = function() {... निर्माण , फहराया नहीं जाता है।

तो फहराने के बाद, निष्पादन इस तरह है जैसे कि कोड थे:

var f; // declares var f, but does not assign it.

// name and define function f, shadowing the variable
function f() { 
  console.log("Me duplicate.");
}

// call the currently defined function f
f(); 

// assigns the result of a function expression to the var f,
// which shadows the hoisted function definition once past this point lexically
f = function() { 
  console.log("Me original."); 
}

// calls the function referenced by the var f
f();

* सभी जावास्क्रिप्ट स्कोप लेक्सिकल, या फंक्शन, स्कोप है, लेकिन ऐसा लगता था कि यह उस समय f शब्द का उपयोग करने के लिए चीजों को भ्रमित करेगा।