ECMAScript6 तीर समारोह है कि एक वस्तु देता है

Question

जब एक तीर समारोह से एक वस्तु लौटने, ऐसा लगता है कि यह व्याकरण में एक अस्पष्टता की वजह से एक अतिरिक्त सेट {} और एक वापसी कथन का उपयोग करने के लिए आवश्यक है:

p => { return { foo: 'bar' } }

तीर समारोह कुछ और देता है, तो {} और बदले अनावश्यक हैं, जैसे:?

p => 'foo'

वहाँ कुछ स्पष्ट मुझे याद आ रही है

Answer 1

आपको रिटर्निंग ऑब्जेक्ट शब्दशः कोष्ठक में लपेटना होगा। अन्यथा घुंघराले ब्रेसिज़ को फ़ंक्शन के शरीर को दर्शाने के लिए माना जाएगा। निम्नलिखित काम करता है:

p => ({ foo: 'bar' }); 

आप कोष्ठक में किसी अन्य अभिव्यक्ति रैप करने के लिए की जरूरत नहीं है:

p => 10; 
p => 'foo'; 
p => true; 
p => [1,2,3]; 
p => null; 
p => /^foo$/; 

और इतने पर।

Answer 2

आप सोच रहे होंगे क्यों वाक्य रचना मान्य है (लेकिन काम नहीं कर के रूप में उम्मीद):

var func = p => { foo: "bar" } 

यह JavaScript's label syntax की वजह से है:

तो अगर आप ES5 करने के लिए उपरोक्त कोड transpile, यह देखना चाहिए जैसे:

var func = function (p) { 
    foo: 
    "bar"; //obviously no return here! 
} 

Answer 3

यदि तीर का शरीर घुंघराले ब्रेसिज़ में लपेटा गया है, तो यह पूरी तरह से वापस नहीं आ गया है। ऑब्जेक्ट को ब्रांड्स में लपेटें। यह ऐसा कुछ दिखता है।

p => ({ foo: 'bar' }) 

कोष्ठक में शरीर लपेटकर रखकर समारोह { foo: 'bar } वापस आ जाएगी।

उम्मीद है कि यह आपकी समस्या हल करता है। यदि नहीं, तो मैंने हाल ही में तीर कार्यों के बारे में एक लेख लिखा है जो इसे अधिक विस्तार से कवर करता है। मुझे उम्मीद है कि आप इसे उपयोगी पाएँ। Javascript Arrow Functions