विनिमय दर आणताना JavaScript फंक्शन त्रुटींचे निराकरण करणे

JavaScript दर आणण्याच्या फंक्शन्समधील त्रुटींचे निराकरण कसे करावे

JavaScript हे वेब डेव्हलपमेंटसाठी एक प्रभावी साधन आहे, विशेषत: बाह्य API सह कार्य करताना. तथापि, एपीआय वरून डेटा पुनर्प्राप्त करण्यासाठी फंक्शन्स लिहिताना अनुभवी विकासक देखील विशिष्ट चुका करतात. फंक्शनमध्ये आर्ग्युमेंट पाठवण्याचा आणि प्रतिसादात अपरिभाषित मूल्ये मिळवण्याचा प्रयत्न करताना अशी एक समस्या उद्भवते.

हा लेख JavaScript फंक्शन लिहिण्यात येणाऱ्या अडचणीची चर्चा करतो जे दोन चलनांमधील बिटकॉइन दर पुनर्प्राप्त करते. "संदर्भ त्रुटी: btc परिभाषित नाही," ही समस्या वारंवार चुकीच्या पद्धतीने निर्दिष्ट केलेल्या पॅरामीटर्स आणि व्हेरिएबल्समुळे उद्भवते. कोडची रचना योग्यरित्या केली असल्यास या चिंता टाळता येऊ शकतात.

नावाचे फंक्शन कसे तयार करायचे ते आम्ही तुम्हाला दाखवू शेगडी (पासून, ते), जे दोन पॅरामीटर्स स्वीकारते आणि दोन चलनांमधील विनिमय दर परत करते. या पुस्तकाच्या शेवटी, तुम्हाला माहिती मिळेल की डेटा आणण्याच्या प्रक्रियेदरम्यान युक्तिवाद कसे योग्यरित्या पास करावे आणि त्रुटींचे व्यवस्थापन कसे करावे.

तुम्हाला अशाच समस्या येत असल्यास किंवा "अपरिभाषित ('दर' वाचन)" चे गुणधर्म वाचू शकत नाही, अशी त्रुटी आली असल्यास, हा लेख तुम्हाला समस्यानिवारण करण्यात आणि त्यांचे प्रभावीपणे निराकरण करण्यात मदत करेल. या समस्यांचे निराकरण कसे करायचे ते चरण-दर-चरण पाहू.

जावास्क्रिप्ट फंक्शन्स क्रिप्टोकरन्सी दरांसाठी API विनंत्या कशा हाताळतात हे समजून घेणे

येथे पुरविलेल्या स्क्रिप्ट जावास्क्रिप्ट वापरून दोन चलनांमधील क्रिप्टोकरन्सी विनिमय दर मिळविण्यासाठी पर्यायी तंत्रे दाखवतात. पहिली स्क्रिप्ट XMLHttpRequest ऑब्जेक्टचा वापर करते, जे JavaScript मध्ये असिंक्रोनस HTTP विनंत्या हाताळण्यासाठी जुन्या तंत्रांपैकी एक आहे. कार्य शेगडी (पासून, ते) दोन पॅरामीटर्स स्वीकारते: रूपांतरित करण्यासाठी चलने. पुरवलेल्या पॅरामीटर्सवर आधारित URL डायनॅमिकली तयार केली जाते आणि Bitpay च्या API एंडपॉईंटला विनंती पाठवली जाते. उत्तर मिळाल्यानंतर, डेटा JSON.parse() वापरून पार्स केला जातो. दस्तऐवजाच्या मुख्य भागामध्ये विनिमय दर प्रदर्शित करते. हे समाधान जुन्या ब्राउझरसह सुसंगतता राखते, परंतु त्यात काही नवीन क्षमतांचा अभाव आहे जसे की वचने, ज्याची चर्चा दुसऱ्या उदाहरणात केली आहे.

दुसऱ्या उदाहरणात, समान क्रिया करण्यासाठी XMLHttpRequest ऐवजी Fetch API चा वापर केला जातो. Fetch API अधिक वर्तमान आहे आणि नेटवर्क विनंत्या करण्यासाठी एक सोपा मार्ग ऑफर करते. हे ॲसिंक्रोनस प्रवाह अधिक वाचनीय आणि व्यवस्थापित करण्यायोग्य बनविण्याच्या वचनांचा लाभ घेते. जेव्हा फंक्शनला आवाहन केले जाते, तेव्हा ते त्याच URL ला HTTP विनंती करते आणि प्रतिसादाची प्रतीक्षा करते. प्रतिसाद मिळाल्यानंतर, ते डेटा JSON ऑब्जेक्टकडे वळवते आणि दर मिळवते. Fetch API विनंती किंवा डेटा प्रक्रियेदरम्यान उद्भवणाऱ्या कोणत्याही समस्या संकलित करण्यासाठी आणि व्यवस्थापित करण्यासाठी प्रयत्न/कॅच ब्लॉक्स वापरून त्रुटी व्यवस्थापन सुधारते.

तिसरी स्क्रिप्ट लक्ष्य a बॅकएंड वातावरण आणि Node.js च्या HTTP मॉड्यूलसह ​​API क्वेरी करते. हे विशेषतः सर्व्हर-साइड ॲप्स विकसित करण्यासाठी फायदेशीर आहे ज्यांना विनिमय दर पुनर्प्राप्त करणे आवश्यक आहे. HTTP मॉड्यूल Node.js मध्ये तयार केले आहे आणि विकसकांना HTTP ऑपरेशन्स करण्यास अनुमती देते. हे फंक्शन मागील स्क्रिप्ट प्रमाणेच URL तयार करते, API ला GET कॉल पाठवते आणि नंतर प्राप्त झालेल्या डेटाचे विश्लेषण करते. परिणाम ब्राउझरमध्ये प्रदर्शित होण्याऐवजी कन्सोलमध्ये लॉग इन केला जातो, ज्यामुळे वेब ब्राउझरची आवश्यकता नसलेल्या बॅकएंड परिस्थितींसाठी ते अधिक अनुकूल बनते.

शेवटी, Fetch API सोल्यूशन योग्यरित्या कार्य करते हे तपासण्यासाठी जेस्ट चाचणी संच समाविष्ट केला आहे. जेस्ट एक लोकप्रिय चाचणी फ्रेमवर्क आहे, आणि सह थट्टा-मस्करी करणे, आम्ही आमच्या चाचण्यांमध्ये API प्रतिसादांचे अनुकरण करू शकतो. हे विकसकांना नेटवर्क क्वेरी व्युत्पन्न न करता त्यांच्या कोडची चाचणी घेण्यास सक्षम करते, जे चाचणी प्रक्रियेस गती देते आणि संभाव्य बग वेगळे करते. चाचण्या सत्यापित करतात की दर डेटा यशस्वीरित्या प्राप्त झाला आहे आणि दस्तऐवजाच्या मुख्य भागामध्ये प्रदर्शित केला गेला आहे, हे पुष्टी करते की फंक्शन विविध संदर्भांमध्ये हेतूनुसार कार्य करते. चाचणी हा विकासाचा एक महत्त्वाचा घटक आहे, विशेषत: बाह्य API सह कार्य करताना, कारण ते लवकरात लवकर चुका शोधण्यात मदत करते आणि उत्पादनाची एकूण स्थिरता सुधारते.

// 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 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');
});

API विनंत्यांसाठी असिंक्रोनस JavaScript फंक्शन्स एक्सप्लोर करत आहे

JavaScript मध्ये API सह कार्य करताना असिंक्रोनस विनंत्या हाताळणे महत्त्वपूर्ण आहे. Fetch API आणि XMLHttpRequest या विनंत्या करण्याचे दोन मूलभूत मार्ग आहेत. ॲसिंक्रोनस फंक्शन्सचा उद्देश प्रतिसादाची प्रतीक्षा करत असताना ब्राउझर किंवा सर्व्हरला गोठवण्यापासून रोखणे हा आहे, त्यामुळे वापरकर्ता अनुभव आणि कार्यप्रदर्शन सुधारणे. असिंक्रोनस वर्तन समजून घेणे विकासकांना अधिक प्रतिसाद देणारे अनुप्रयोग तयार करण्यास सक्षम करते जे मुख्य थ्रेडला प्रभावित न करता रिअल टाइममध्ये API मधून डेटा पुनर्प्राप्त करू शकतात.

असिंक्रोनस विनंत्या हाताळण्यासाठी प्रतिसाद आणि प्रक्रियेदरम्यान उद्भवू शकणाऱ्या विविध चुका व्यवस्थापित करणे आवश्यक आहे. उदाहरणार्थ, बाह्य API मधून डेटा पुनर्प्राप्त करताना एक सामान्य अडचण म्हणजे अपरिभाषित मूल्य परत करणे, जे प्रारंभिक प्रकरणातील त्रुटीद्वारे प्रदर्शित होते. जेव्हा विकसक अपवाद प्रभावीपणे व्यवस्थापित करण्यात अयशस्वी ठरतात, तेव्हा त्यांचा अनुप्रयोग क्रॅश होऊ शकतो किंवा चुकीचे परिणाम देऊ शकतो. प्रभावी त्रुटी हाताळणे, जसे की ट्राय/कॅच ब्लॉक्स किंवा प्रतिसाद स्थिती तपासणे, हे महत्त्वाचे आहे.

एरर हँडलिंग व्यतिरिक्त, बाह्य API सह संवाद साधताना सुरक्षा ही महत्त्वाची बाब आहे. संवेदनशील डेटा उघड करणे किंवा प्रमाणीकरणाशिवाय API मध्ये थेट प्रवेश मंजूर केल्याने असुरक्षा होऊ शकतात. एक उपाय म्हणजे सर्व्हर-साइड विनंत्यांची अंमलबजावणी करणे, ज्यामध्ये एपीआय कॉल बॅकएंड सर्व्हरवरून केले जातात, अतिरिक्त प्रमाणात सुरक्षा प्रदान करतात. हे दुर्भावनापूर्ण अभिनेत्यांना फ्रंट-एंड विनंत्यांमध्ये हस्तक्षेप करण्यास किंवा ब्राउझरद्वारे थेट संवेदनशील डेटा प्राप्त करण्यास प्रतिबंधित करते. विशेषत: बिटकॉइनच्या दरांसारख्या आर्थिक माहितीचा व्यवहार करताना ही API कनेक्शन सुरक्षित करणे महत्त्वाचे आहे.