JavaScript funkciju kļūdu labošana, iegūstot valūtas kursus

Kā novērst kļūdas JavaScript ātruma iegūšanas funkcijās

JavaScript ir efektīvs tīmekļa izstrādes rīks, īpaši strādājot ar ārējām API. Tomēr pat pieredzējuši izstrādātāji pieļauj tipiskas kļūdas, rakstot funkcijas datu izgūšanai no API. Viena no šādām problēmām rodas, mēģinot nosūtīt argumentus funkcijai un kā atbildi iegūt nedefinētas vērtības.

Šajā rakstā ir apskatītas grūtības, kas rodas, rakstot JavaScript funkciju, kas izgūst bitcoin likmes starp divām valūtām. Problēmu "ReferenceError: btc nav definēta" bieži izraisa nepareizi norādīti parametri un mainīgie. No šīm bažām var izvairīties, ja kods ir pareizi strukturēts.

Mēs parādīsim, kā izveidot funkciju ar nosaukumu rīvēt (no, līdz), kas pieņem divus parametrus un atgriež maiņas kursu starp abām valūtām. Līdz šīs grāmatas beigām jūs uzzināsit, kā pareizi nodot argumentus un pārvaldīt kļūdas datu iegūšanas procesos.

Ja rodas līdzīgas problēmas vai esat saņēmis kļūdu “Nevar nolasīt nedefinētas īpašības (lasīšanas ātrums”), šis raksts palīdzēs novērst un efektīvi tās novērst. Apskatīsim soli pa solim, kā šīs problēmas novērst.

Izpratne par to, kā JavaScript funkcijas apstrādā API pieprasījumus par kriptovalūtas kursiem

Šeit sniegtie skripti demonstrē alternatīvas metodes, lai iegūtu kriptovalūtas maiņas kursus starp divām valūtām, izmantojot JavaScript. Pirmajā skriptā tiek izmantots objekts XMLHttpRequest, kas ir viena no vecākajām metodēm asinhrono HTTP pieprasījumu apstrādei JavaScript. Funkcija rīvēt (no, līdz) pieņem divus parametrus: konvertējamās valūtas. URL tiek ģenerēts dinamiski, pamatojoties uz sniegtajiem parametriem, un pieprasījums tiek nosūtīts uz Bitpay API galapunktu. Pēc atbildes saņemšanas dati tiek parsēti, izmantojot JSON.parse() parāda maiņas kursu dokumenta pamattekstā. Šis risinājums saglabā saderību ar vecākām pārlūkprogrammām, taču tam trūkst dažu jaunāku iespēju, piemēram, solījumu, kas ir apskatīti otrajā piemērā.

Otrajā piemērā, lai veiktu to pašu darbību, XMLHttpRequest vietā tiek izmantota Fetch API. Programma Fetch API ir jaunāka un piedāvā vienkāršāku veidu, kā veikt tīkla pieprasījumus. Tas izmanto solījumus padarīt asinhrono plūsmu lasāmāku un pārvaldāmāku. Kad funkcija tiek izsaukta, tā veic HTTP pieprasījumu uz to pašu URL un gaida atbildi. Pēc atbildes saņemšanas tas pārvērš datus par JSON objektu un iegūst ātrumu. Programma Fetch API uzlabo kļūdu pārvaldību, izmantojot try/catch blokus, lai apkopotu un pārvaldītu visas problēmas, kas rodas pieprasījuma vai datu apstrādes laikā.

Trešā skripta mērķis ir a aizmugures vide un veic API vaicājumus, izmantojot Node.js HTTP moduli. Tas ir īpaši noderīgi, izstrādājot servera puses lietotnes, kurām nepieciešams izgūt valūtas maiņas kursus. HTTP modulis ir iebūvēts Node.js un ļauj izstrādātājiem veikt HTTP darbības. Šī funkcija izveido URL tādā pašā veidā kā iepriekšējie skripti, nosūta GET izsaukumu API un pēc tam parsē saņemtos datus. Rezultāts tiek reģistrēts konsolē, nevis parādīts pārlūkprogrammā, padarot to labāk piemērotu aizmugursistēmas scenārijiem, kuriem nav nepieciešamas tīmekļa pārlūkprogrammas.

Visbeidzot, ir iekļauts Jest testa komplekts, lai pārbaudītu, vai Fetch API risinājums darbojas pareizi. Jest ir populāra testēšanas sistēma, un ar izjokot-atnest-izsmiet, mēs savos testos varam atdarināt API atbildes. Tas ļauj izstrādātājiem pārbaudīt savu kodu, faktiski neģenerējot tīkla vaicājumus, kas paātrina testēšanas procesu un izolē iespējamās kļūdas. Pārbaudes pārbauda, ​​vai likmes dati ir veiksmīgi iegūti un parādīti dokumenta pamattekstā, apstiprinot, ka funkcija dažādos kontekstos darbojas kā paredzēts. Testēšana ir svarīgs izstrādes elements, īpaši strādājot ar ārējām API, jo tas palīdz agrīni atklāt kļūdas un uzlabo produkta kopējo stabilitāti.

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

Asinhrono JavaScript funkciju izpēte API pieprasījumiem

Asinhrono pieprasījumu apstrāde ir ļoti svarīga, strādājot ar API JavaScript. Fetch API un XMLHttpRequest ir divi galvenie veidi, kā veikt šos pieprasījumus. Asinhrono funkciju mērķis ir novērst pārlūkprogrammas vai servera sastingšanu, gaidot atbildi, tādējādi uzlabojot lietotāja pieredzi un veiktspēju. Izpratne par asinhrono darbību ļauj izstrādātājiem izveidot atsaucīgākas lietojumprogrammas, kas reāllaikā var izgūt datus no API, neietekmējot galveno pavedienu.

Lai apstrādātu asinhronos pieprasījumus, ir jāpārvalda atbildes un dažādas kļūdas, kas var rasties procesa laikā. Piemēram, viena izplatīta problēma, izgūstot datus no ārējām API, ir nenoteiktas vērtības atgriešana, kā to parāda kļūda sākotnējā gadījumā. Ja izstrādātājiem neizdodas efektīvi pārvaldīt izņēmumus, viņu lietojumprogramma var avarēt vai radīt neprecīzus rezultātus. Ļoti svarīga ir efektīva kļūdu apstrāde, piemēram, mēģinājuma/tveršanas bloki vai atbildes statusa pārbaudes.

Papildus kļūdu apstrādei drošība ir svarīgs apsvērums, mijiedarbojoties ar ārējām API. Sensitīvu datu atklāšana vai tiešas piekļuves piešķiršana API bez validācijas var radīt ievainojamības. Viens no risinājumiem ir ieviest servera puses pieprasījumus, kuros API izsaukumi tiek veikti no aizmugures servera, nodrošinot papildu drošības pakāpi. Tas aizliedz ļaunprātīgiem dalībniekiem iejaukties priekšgala pieprasījumos vai tieši iegūt sensitīvus datus, izmantojot pārlūkprogrammu. Šo API savienojumu nodrošināšana ir ļoti svarīga, jo īpaši, ja tiek risināta finanšu informācija, piemēram, bitcoin likmes.