„JavaScript“ funkcijos iškvietimo trikties taisymas: nuorodos klaida dėl neapibrėžtų kintamųjų

„JavaScript ReferenceError“ ir jos pataisymų supratimas

„JavaScript“ programoje matydami a Nuorodos klaida gali erzinti, ypač kai sustabdo kodo vykdymą. Vienas iš vyraujančių scenarijų yra toks, kad kintamieji nenurodomi prieš naudojant, todėl atsiranda tokių klaidų.

Problema kyla dėl funkcijos, kuri nuskaito duomenis iš išorinės API, iškvietimo. Ši problema kyla dėl to, kad kintamieji nebuvo tinkamai deklaruoti funkcijos iškvietime. Jei nebus tinkamai elgiamasi, kodas gali sugesti.

Nesvarbu, ar dirbate su „JavaScript“ API, ar kuriate scenarijų su dinaminėmis reikšmėmis, prieš perduodant kintamuosius būtina nurodyti. Jei ne, galite gauti pranešimą „ReferenceError: kintamasis neapibrėžtas“.

Šiame įraše bus paaiškinta, kaip pakeisti „JavaScript“ funkciją, kad būtų išspręsta Nuorodos klaida. Taip pat apžvelgsime, kaip teisingai apibrėžti ir perduoti parametrus, kad ateityje būtų išvengta šios problemos.

ReferenceError sprendimas JavaScript API skambučiuose

Siūlomuose pavyzdžiuose „JavaScript“ scenarijai yra skirti gauti valiutų kursus iš API, ypač „BitPay“ paslaugos. Pagrindinė problema yra a Nuorodos klaida generuoja neapibrėžti kintamieji naudojant gc() funkcija. Norėdami tai išspręsti, pirmiausia turite užtikrinti, kad funkcijai pateikti parametrai, pvz., „eth“ ir „usd“, būtų teisingai deklaruoti kaip eilutės. Neapibrėžtų kintamųjų negali apdoroti „JavaScript“, todėl juos įdėjus į kabutes problema išsprendžiama ir gavimo užklausa gali tęstis tinkamai sukūrus URL.

Gavimo API yra esminis šio metodo komponentas, leidžiantis scenarijui asinchroniškai gauti duomenis iš išorinio serverio. Šiame pavyzdyje get() siunčia HTTP užklausą į URL, nurodytą dviem parametrais (var1 ir var2). URL struktūra yra labai svarbi, o jos dinaminis generavimas garantuoja, kad atitinkamas galutinis taškas bus iškviestas pagal vartotojo įvestį. Gavus duomenis, jie analizuojami naudojant res.json() konvertuoti atsakymą į JSON formatą. Tada gautas valiutos keitimo kursas rodomas HTML tekste naudojant DOM modifikaciją, kuri realiuoju laiku atnaujina vartotojo sąsają.

Node.js versijoje naudojame aksios Vietoj „fetch“ – patikimesnis paketas, skirtas HTTP užklausoms tvarkyti vidiniuose kontekstuose. „Axios“ pagerina klaidų tvarkymą ir supaprastina atsakymų analizavimo procesą. Scenarijuje axios pateikia GET užklausą API galutiniam taškui, renka duomenis ir konsolėje rodo valiutos kursą. Be to, scenarijus užtikrina, kad prieš atliekant API iškvietimą į funkciją būtų pateikti abu parametrai, pašalinant kitą galimą klaidos šaltinį.

Siekiant patvirtinti šių funkcijų stabilumą, vienetų testai buvo parašyti naudojant Juokas pagrindą. Šie testai apgaudinėja axios biblioteką, kad atkartotų sėkmingus ir nesėkmingus API iškvietimus. Tai padeda mums užtikrinti, kad funkcija apimtų visus galimus scenarijus, pvz., kai API pateikia galiojantį rodiklį arba kai įvyksta klaida, pvz., nutrūksta tinklas. Įtraukę šiuos testus galime užtikrintai išleisti kodą gamybos aplinkoje, žinodami, kad jis veiks taip, kaip tikėtasi. Priekinių ir galinių sprendimų naudojimas užtikrina, kad problema būtų visiškai išspręsta, pabrėžiant našumo ir klaidų atsparumo didinimą.

// Define the function with two parameters
function getRates(var1, var2) {
    // Define the URL with the parameters
    let url = 'https://bitpay.com/rates/' + var1 + '/' + var2;
    // Fetch data from the URL
    fetch(url)
    .then(res => {
        if (!res.ok) throw new Error('Network response was not ok');
        return res.json();
    })
    .then(out => {
        // Update the body with the rate
        document.body.innerHTML = 'Rate: ' + out.data.rate;
    })
    .catch(error => console.error('There was an error:', error));
}
// Correctly call the function with string parameters
getRates('eth', 'usd');

const axios = require('axios');
// Function to get exchange rates
function getRates(var1, var2) {
    // Validate input parameters
    if (!var1 || !var2) {
        throw new Error('Both currency parameters must be defined');
    }
    // Define the URL
    const url = 'https://bitpay.com/rates/' + var1 + '/' + var2;
    // Make the request using axios
    axios.get(url)
        .then(response => {
            console.log('Rate:', response.data.data.rate);
        })
        .catch(error => {
            console.error('Error fetching rate:', error.message);
        });
}
// Correctly call the function
getRates('eth', 'usd');

const axios = require('axios');
const { getRates } = require('./getRates');
jest.mock('axios');
// Test successful API call
test('should return correct rate', async () => {
    axios.get.mockResolvedValue({ data: { data: { rate: 2500 } } });
    const rate = await getRates('eth', 'usd');
    expect(rate).toBe(2500);
});
// Test API call failure
test('should handle error', async () => {
    axios.get.mockRejectedValue(new Error('Network Error'));
    await expect(getRates('eth', 'usd')).rejects.toThrow('Network Error');
});

Kintamųjų apibrėžimų tvarkymas „JavaScript“ API skambučiuose

Tinkama kintamoji apimtis ir inicijavimas yra labai svarbūs sprendžiant Nuorodos klaida JavaScript, ypač kai kalbama apie API iškvietimus. Norėdami tinkamai apibrėžti ir deklaruoti „JavaScript“ kintamuosius, naudokite tegul arba konst. Nepavykus deklaruoti kintamųjų prieš naudojant arba iškvietus juos už jų ribų, dažnai atsiranda klaidų, pvz., „ReferenceError: kintamasis neapibrėžtas“. Atliekant API užklausas, labai svarbu užtikrinti, kad argumentai būtų tinkamai užpildyti.

Kurdami programas, kurios sąveikauja su išorinėmis API, turite papildomai atsižvelgti į asinchroninį veiksmų pobūdį. Nors gavimo API tvarko asinchroninę veiklą naudodama pažadus, labai svarbu įtraukti klaidų tvarkymą su pabandyk... pagauk blokus arba naudokite .catch() funkcija po pažado užfiksuoti tikėtinus gedimus. Tai neleidžia netikėtoms problemoms nutraukti visos programos. Geras klaidų tvarkymas pagerina naudotojo patirtį, nes pateikia ryškų gedimą ir atitinkamus klaidų pranešimus.

Be to, dirbant su išorinėmis API užklausomis, reikia atkreipti dėmesį į saugumą. Turite patvirtinti visus gaunamus duomenis, ypač kai susiduriate su keičiamais parametrais, pvz., valiutomis mūsų situacijoje. Įvesčių valymas prieš pateikiant API užklausą gali padėti išvengti galimų saugumo spragų, pvz., netinkamo API naudojimo ar injekcijų atakų. Vadovautis geriausios įvesties patvirtinimo praktikos pavyzdžiais ir vengti tiesioginio vartotojo sugeneruotų duomenų naudojimo URL adresuose yra svarbi šiuolaikinio žiniatinklio kūrimo taktika.