क्वालिटी एरो फ़ंक्शंस लिखने के लिए 5 टिप्स

1. एरो फंक्शन नामों के प्रदर्शन का उपयोग करें

( number => number + 1 ).name; // => ''

const increaseNumber = number => number + 1;

increaseNumber.name; // => 'increaseNumber'

• फ़ंक्शन का नाम handleButtonClickइवेंट हैंडलर को कॉल इंगित करता है click।
• नाम increaseCounterफ़ंक्शन को कॉल को इंगित करता है जो काउंटर को बढ़ाता है।

2. जब भी संभव हो, इनलाइन फ़ंक्शन लिखने का प्रयास करें

const array = [1, 2, 3];

array.map((number) => { 
  return number * 2;
});

const array = [1, 2, 3];

array.map(number => number * 2);

3. ध्यान से तीर कार्यों और तुलना ऑपरेटरों का उपयोग करें।

const negativeToZero = number => number <= 0 ? 0 : number;

const negativeToZero = number => (number <= 0 ? 0 : number);

const negativeToZero = number => {
  return number <= 0 ? 0 : number;
};

4. तीर के कार्यों में साधारण वस्तुओं का निर्माण करते समय कोष्ठक या बहु-रेखा संरचनाओं का उपयोग करें

const array = [1, 2, 3];

//  SyntaxError!
array.map(number => { 'number': number });

const array = [1, 2, 3];

// !
array.map(number => ({ 'number': number }));

const array = [1, 2, 3];

// !
array.map(number => ({
  'number': number
  'propA': 'value A',
  'propB': 'value B'
}));

5. घोंसले से बहुत गहराई से सावधान रहें।

myButton.addEventListener('click', () => {
  fetch('/items.json')
    .then(response => response.json())
    .then(json => {
      json.forEach(item => {
        console.log(item.name);
      });
    });
});

const readItemsJson = json => {
  json.forEach(item => console.log(item.name));
};

const handleButtonClick = () => {
  fetch('/items.json')
    .then(response => response.json());
    .then(readItemsJson);
};

myButton.addEventListener('click', handleButtonClick);

const handleButtonClick = async () => {
  const response = await fetch('/items.json');
  const json = await response.json();
  json.forEach(item => console.log(item.name));
};

myButton.addEventListener('click', handleButtonClick);

सारांश