विनिमय दरें प्राप्त करते समय जावास्क्रिप्ट फ़ंक्शन त्रुटियों को ठीक करना

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

जावास्क्रिप्ट वेब विकास के लिए एक प्रभावी उपकरण है, खासकर बाहरी एपीआई के साथ काम करते समय। हालाँकि, अनुभवी डेवलपर्स भी एपीआई से डेटा पुनर्प्राप्त करने के लिए फ़ंक्शन लिखते समय सामान्य गलतियाँ करते हैं। ऐसा ही एक मुद्दा तब होता है जब किसी फ़ंक्शन में तर्क भेजने का प्रयास किया जाता है और प्रतिक्रिया में अपरिभाषित मान प्राप्त होते हैं।

यह आलेख एक जावास्क्रिप्ट फ़ंक्शन लिखने में कठिनाई पर चर्चा करता है जो दो मुद्राओं के बीच बिटकॉइन दरों को पुनर्प्राप्त करता है। समस्या, "संदर्भ त्रुटि: बीटीसी परिभाषित नहीं है," अक्सर गलत तरीके से निर्दिष्ट पैरामीटर और चर के कारण होती है। यदि कोड सही ढंग से संरचित है तो इन चिंताओं से बचा जा सकता है।

हम आपको दिखाएंगे कि नामक फ़ंक्शन कैसे बनाएं कद्दूकस करना(से, को), जो दो मापदंडों को स्वीकार करता है और दो मुद्राओं के बीच विनिमय दर लौटाता है। इस पुस्तक के अंत तक, आप जान जाएंगे कि डेटा प्राप्त करने की प्रक्रिया के दौरान तर्कों को ठीक से कैसे पारित किया जाए और त्रुटियों को कैसे प्रबंधित किया जाए।

यदि आप भी इसी तरह की समस्याओं का सामना कर रहे हैं या आपको त्रुटि मिली है "अपरिभाषित के गुणों को नहीं पढ़ सकता ('दर' पढ़ना)," तो यह लेख आपको समस्या निवारण और उन्हें प्रभावी ढंग से हल करने में मदद करेगा। आइए चरण-दर-चरण देखें कि इन समस्याओं को कैसे ठीक किया जाए।

यह समझना कि जावास्क्रिप्ट कैसे क्रिप्टोकरेंसी दरों के लिए एपीआई अनुरोधों को संभालता है

यहां प्रदान की गई स्क्रिप्ट जावास्क्रिप्ट का उपयोग करके दो मुद्राओं के बीच क्रिप्टोकरेंसी विनिमय दरें प्राप्त करने के लिए वैकल्पिक तकनीकों का प्रदर्शन करती हैं। पहली स्क्रिप्ट XMLHttpRequest ऑब्जेक्ट का उपयोग करती है, जो जावास्क्रिप्ट में एसिंक्रोनस HTTP अनुरोधों को संभालने की पुरानी तकनीकों में से एक है। समारोह कद्दूकस करना(से, को) दो मापदंडों को स्वीकार करता है: परिवर्तित की जाने वाली मुद्राएँ। आपूर्ति किए गए मापदंडों के आधार पर एक यूआरएल गतिशील रूप से उत्पन्न होता है, और बिटपे के एपीआई एंडपॉइंट पर एक अनुरोध भेजा जाता है। उत्तर मिलने के बाद, डेटा को JSON.parse() का उपयोग करके पार्स किया जाता है दस्तावेज़ के मुख्य भाग में विनिमय दर प्रदर्शित करता है। यह समाधान पुराने ब्राउज़रों के साथ संगतता बनाए रखता है, लेकिन इसमें वादों जैसी कुछ नई क्षमताओं का अभाव है, जिनकी चर्चा दूसरे उदाहरण में की गई है।

दूसरे उदाहरण में, समान क्रिया करने के लिए XMLHttpRequest के बजाय Fetch API का उपयोग किया जाता है। फ़ेच एपीआई अधिक आधुनिक है और नेटवर्क अनुरोध करने का एक आसान तरीका प्रदान करता है। यह अतुल्यकालिक प्रवाह को अधिक पठनीय और प्रबंधनीय बनाने के वादे का लाभ उठाता है। जब फ़ंक्शन लागू किया जाता है, तो यह उसी URL पर HTTP अनुरोध करता है और प्रतिक्रिया की प्रतीक्षा करता है। प्रतिक्रिया प्राप्त करने के बाद, यह डेटा को JSON ऑब्जेक्ट में बदल देता है और दर प्राप्त करता है। फ़ेच एपीआई अनुरोध या डेटा प्रोसेसिंग के दौरान उत्पन्न होने वाली किसी भी समस्या को इकट्ठा करने और प्रबंधित करने के लिए ट्राई/कैच ब्लॉक का उपयोग करके त्रुटि प्रबंधन में सुधार करता है।

तीसरी स्क्रिप्ट लक्ष्य करती है a बैकएंड वातावरण और Node.js के HTTP मॉड्यूल के साथ API क्वेरी बनाता है। यह सर्वर-साइड ऐप्स विकसित करने के लिए विशेष रूप से फायदेमंद है जिन्हें विनिमय दरों को पुनर्प्राप्त करने की आवश्यकता होती है। HTTP मॉड्यूल Node.js में बनाया गया है और डेवलपर्स को HTTP संचालन करने की अनुमति देता है। यह फ़ंक्शन पिछली स्क्रिप्ट की तरह ही यूआरएल बनाता है, एपीआई को एक जीईटी कॉल भेजता है, और फिर प्राप्त डेटा को पार्स करता है। परिणाम ब्राउज़र में प्रदर्शित होने के बजाय कंसोल में लॉग इन किया जाता है, जिससे यह उन बैकएंड परिदृश्यों के लिए बेहतर अनुकूल हो जाता है जिन्हें वेब ब्राउज़र की आवश्यकता नहीं होती है।

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

// Solution 1: Using XMLHTTPRequest to fetch cryptocurrency rates
function grate(from, to) {
  var burl = 'https://bitpay.com/rates/';
  var url = burl + from + '/' + to;
  var ourRequest = new XMLHttpRequest();
  ourRequest.open('GET', url, true);
  ourRequest.onload = function() {
    if (ourRequest.status >= 200 && ourRequest.status < 400) {
      var response = JSON.parse(ourRequest.responseText);
      document.body.innerHTML = 'Rate: ' + response.data.rate;
    } else {
      console.error('Error fetching the data');
    }
  };
  ourRequest.onerror = function() {
    console.error('Connection error');
  };
  ourRequest.send();
}
// Test the function with actual currency codes
grate('btc', 'usd');

// Solution 2: Using Fetch API for cleaner asynchronous requests
async function grate(from, to) {
  var burl = 'https://bitpay.com/rates/';
  var url = burl + from + '/' + to;
  try {
    let response = await fetch(url);
    if (!response.ok) throw new Error('Network response was not ok');
    let data = await response.json();
    document.body.innerHTML = 'Rate: ' + data.data.rate;
  } catch (error) {
    console.error('Fetch error: ', error);
  }
}
// Test the function with Fetch API
grate('btc', 'usd');

// Solution 3: Using Node.js HTTP module to fetch data from API
const http = require('http');
function grate(from, to) {
  const url = 'http://bitpay.com/rates/' + from + '/' + to;
  http.get(url, (resp) => {
    let data = '';
    resp.on('data', (chunk) => { data += chunk; });
    resp.on('end', () => {
      let rateData = JSON.parse(data);
      console.log('Rate: ' + rateData.data.rate);
    });
  }).on('error', (err) => {
    console.log('Error: ' + err.message);
  });
}
// Test the Node.js function
grate('btc', 'usd');

// Solution 4: Unit testing Fetch API using Jest
const fetchMock = require('jest-fetch-mock');
fetchMock.enableMocks();
test('grate() fetches correct rate data', async () => {
  fetch.mockResponseOnce(JSON.stringify({ data: { rate: 50000 }}));
  const rate = await grate('btc', 'usd');
  expect(document.body.innerHTML).toBe('Rate: 50000');
});

एपीआई अनुरोधों के लिए एसिंक्रोनस जावास्क्रिप्ट फ़ंक्शंस की खोज

जावास्क्रिप्ट में एपीआई के साथ काम करते समय अतुल्यकालिक अनुरोधों को संभालना महत्वपूर्ण है। Fetch API और XMLHttpRequest ये अनुरोध करने के दो बुनियादी तरीके हैं। एसिंक्रोनस फ़ंक्शंस का उद्देश्य प्रतिक्रिया की प्रतीक्षा करते समय ब्राउज़र या सर्वर को फ्रीज होने से रोकना है, जिससे उपयोगकर्ता अनुभव और प्रदर्शन में सुधार होता है। एसिंक्रोनस व्यवहार को समझने से डेवलपर्स को अधिक प्रतिक्रियाशील एप्लिकेशन बनाने में मदद मिलती है जो मुख्य थ्रेड को प्रभावित किए बिना वास्तविक समय में एपीआई से डेटा पुनर्प्राप्त कर सकते हैं।

अतुल्यकालिक अनुरोधों को संभालने के लिए प्रतिक्रियाओं और प्रक्रिया के दौरान उत्पन्न होने वाली विभिन्न गलतियों को प्रबंधित करने की आवश्यकता होती है। उदाहरण के लिए, बाहरी एपीआई से डेटा पुनर्प्राप्त करते समय एक आम कठिनाई एक अपरिभाषित मान लौटा रही है, जैसा कि प्रारंभिक मामले में त्रुटि से पता चलता है। जब डेवलपर्स अपवादों को प्रभावी ढंग से प्रबंधित करने में विफल होते हैं, तो उनका एप्लिकेशन क्रैश हो सकता है या गलत परिणाम दे सकता है। प्रभावी त्रुटि प्रबंधन, जैसे प्रयास/पकड़ ब्लॉक या प्रतिक्रिया स्थिति जांच, महत्वपूर्ण है।

त्रुटि प्रबंधन के अलावा, बाहरी एपीआई के साथ बातचीत करते समय सुरक्षा एक महत्वपूर्ण विचार है। संवेदनशील डेटा को उजागर करने या सत्यापन के बिना एपीआई तक सीधी पहुंच प्रदान करने से कमजोरियां हो सकती हैं। एक समाधान सर्वर-साइड अनुरोधों को लागू करना है, जिसमें एपीआई कॉल बैकएंड सर्वर से की जाती है, जो अतिरिक्त सुरक्षा प्रदान करती है। यह दुर्भावनापूर्ण अभिनेताओं को फ्रंट-एंड अनुरोधों में हस्तक्षेप करने या ब्राउज़र के माध्यम से सीधे संवेदनशील डेटा प्राप्त करने से रोकता है। इन एपीआई कनेक्शनों को सुरक्षित रखना महत्वपूर्ण है, खासकर जब बिटकॉइन दरों जैसी वित्तीय जानकारी से निपटना हो।