ES6 में कोई फ़ंक्शन घोषित करना?

Question

मैं अपने जावास्क्रिप्ट कोड को नए ES6 मानक में "अपडेट" करना चाहता था, इसलिए मैंने देखा कि फ़ंक्शंस अब कैसे लिखे गए हैं और इसे मेरे वैश्विक कार्य पर कैसे आज़माया गया है, जो "पुराने" es5

में इस तरह पढ़ता है

function logMessage(message) { 
document.getElementById("logs").innerHTML = document.getElementById("logs").innerHTML + `<li class="item-padding"> ${message} </li>` 
} 

अब अगर मैं गलत सही "परिवर्तन" ES6 इस तरह होगा नहीं कर रहा हूँ:

logMessage = message => { 
    etc 
} 

लेकिन मेरे ESLint मुझसे कहता है कि मेरी logMessage परिभाषित नहीं है और मैं अपने कंसोल में कोई त्रुटि मिलती है, क्या मुझे कुछ याद आती है? क्या मुझे लॉग मैसेज से पहले var, let या const घोषित करना है?

मुझे नहीं पता कि यह महत्वपूर्ण है, लेकिन मैं इस फ़ंक्शन को फ़ाइल से फ़ाइल में निर्यात करना चाहता हूं दो फ़ाइल में और फ़ंक्शन लॉग का उपयोग करें फ़ाइल में किसी अन्य फ़ंक्शन में संदेश दो, क्या ऐसा कुछ है जो मुझे ध्यान में रखना है इसलिए?

किसी भी मदद के लिए धन्यवाद!

संपादित करें: धन्यवाद हर किसी के जवाब ने मुझे बहुत मदद की, मेरी समस्या ठीक हो गई!

Answer 1

अब अगर मैं गलत सही ES6 करने के लिए "परिवर्तन" इस

आप गलत हो जैसा होगा नहीं हूँ।

Arrow functionsविभिन्न व्यवहार के साथ एक नया वाक्यविन्यास है। वे फ़ंक्शन घोषणाओं और फ़ंक्शन एक्सप्रेशन (दोनों जिनमें से अभी भी ईएस 6 में मौजूद हैं) के लिए सीधे प्रतिस्थापन हैं।

लेकिन मेरा ईएसलिंट मुझे बताता है कि मेरा लॉग मैसेज परिभाषित नहीं है और मुझे अपने कंसोल में कोई त्रुटि मिलती है, क्या मुझे कुछ याद आती है? क्या मुझे लॉग मैसेज से पहले var, let या const घोषित करना है?

हां। आप एक चर के लिए कुछ असाइन कर रहे हैं। You must declare the variable first।

मैं भी दो

दायर करने के लिए आप समारोह में निर्यात करने की क्षमता पर कोई प्रभाव नहीं कैसे परिभाषित फ़ाइल एक से इस समारोह निर्यात करना चाहते हैं।

Answer 2

function logMessage(message) { 
    // etc... 
} 

... कार्य घोषणा है जो अभी भी es6 में पूरी तरह मान्य है। आप एक समारोह अभिव्यक्ति है, जो es5 में इस प्रकार दिखाई देगा में अपने समारोह घोषणा परिवर्तित कर रहे हैं ...

logMessage = function(message) { 
    // etc... 
} 

... और फिर ES6 में ...

logMessage = message => { 
    // etc 
} 

... इसलिए लिनिंग समस्या es6 वाक्यविन्यास द्वारा पेश नहीं की गई है, बल्कि फ़ंक्शन अभिव्यक्ति का उपयोग करके, एक वेरिएबल को असाइन करना जो var/let/const के बिना वैश्विक चर है। मूल फ़ंक्शन घोषणा में भी अंतर होता है, लेकिन फ़ंक्शन अभिव्यक्ति फ़ॉर्म को इसे कॉल करने से पहले घोषित किया जाना चाहिए।उस ईएस 6 तीर कार्यों में भी एक अंतर है जो इसके दायरे के दायरे से संदर्भ को बरकरार रखता है, इसलिए ध्यान देने योग्य है कि वे एक दूसरे के 1 मैपिंग के लिए 100% प्रत्यक्ष 1 नहीं हैं।

संक्षिप्त उत्तर, हां, वैरिएबल को वैश्विक चर बनने से बचने के लिए/let/const के साथ घोषित करने की आवश्यकता है, चाहे वह कोई फ़ंक्शन हो या नहीं।

let logMessage = message => { 
    // etc 
}