{"id":32769,"date":"2019-10-31T21:48:48","date_gmt":"2019-10-31T18:48:48","guid":{"rendered":"https:\/\/prohoster.info\/blog\/oops-i-did-it-again-otladka-rasprostranennyh-oshibok-v-javascript\/"},"modified":"2019-10-31T21:48:48","modified_gmt":"2019-10-31T18:48:48","slug":"oops-i-did-it-again-otladka-rasprostranennyh-oshibok-v-javascript","status":"publish","type":"post","link":"https:\/\/prohoster.info\/sq\/blog\/news\/oops-i-did-it-again-otladka-rasprostranennyh-oshibok-v-javascript","title":{"rendered":"Oops, e b\u00ebra p\u00ebrs\u00ebri: zgjidhja e gabimeve t\u00eb zakonshme n\u00eb JavaScript","gt_translate_keys":[{"key":"rendered","format":"text"}]},"content":{"rendered":"

\"Oops,
\n
\nShpesh hera kodimi n\u00eb JavaScript \u00ebsht\u00eb e v\u00ebshtir\u00eb, ndonj\u00ebher\u00eb madje frik\u00ebson, gj\u00eb q\u00eb i \u00ebsht\u00eb e njohur shum\u00eb zhvilluesve. Gjat\u00eb pun\u00ebs, ndodhin gabime t\u00eb pashmangshme, disa prej t\u00eb cilave p\u00ebrs\u00ebriten shpesh. Artikulli, i orientuar p\u00ebr zhvilluesit e rinj, flet p\u00ebr k\u00ebto gabime dhe m\u00ebnyrat p\u00ebr t'iu p\u00ebrgjigjur atyre. P\u00ebr ilustrim, emrat e funksioneve, vetive dhe objekteve jan\u00eb marr\u00eb nga nj\u00eb k\u00ebng\u00eb popullore<\/a><\/noindex>. T\u00eb gjitha k\u00ebto ndihmojn\u00eb p\u00ebr ta mbajtur mend shpejt se si t\u00eb rregullohen gabimet e zakonshme.
\n<\/a><\/noindex><\/p>\n

Kujtojm\u00eb:<\/b> p\u00ebr t\u00eb gjith\u00eb lexuesit e \u00abHabra\u00bb \u2014 zbritje prej 10,000 rublesh p\u00ebr regjistrimin n\u00eb \u00e7do kurs Skillbox me kodin promovues \u00abHabr\u00bb.<\/i><\/p>\n

Skillbox rekomandon:<\/b> Kurs praktik \u00abMobil developer PRO\u00bb<\/a><\/noindex>.\n<\/p><\/blockquote>\n

<\/p>\n

TypeError: prona e pa p\u00ebrcaktuar<\/h3>\n

<\/p>\n

let girl = {\n    name: \"Lucky\",\n    location: \"Hollywood\",\n    profession: \"star\",\n    thingsMissingInHerLife: true,\n    lovely: true,\n    cry: function() {\n        return \"cry, cry, cries in her lonely heart\"\n    }\n}\nconsole.log(girl.named.lucky)<\/code><\/pre>\n
\nShembulli i kodit t\u00eb m\u00ebsip\u00ebrm jep gabimin Uncaught TypeError: Cannot read property \u2018lucky\u2019 of undefined. Problemi \u00ebsht\u00eb se objekti girl nuk ka pron\u00ebn named, megjithat\u00eb ka pron\u00ebn name. Dhe pasi prona girl.named nuk \u00ebsht\u00eb e p\u00ebrcaktuar, nuk mund t\u00eb qasemi tek ajo, sepse formalisht ajo nuk ekziston. Por, n\u00ebse e z\u00ebvend\u00ebsoni girl.named.lucky me girl.name, at\u00ebher\u00eb gjith\u00e7ka do t\u00eb funksionoj\u00eb dhe programi do t\u00eb kthej\u00eb Lucky.<\/p>\n
M\u00eb shum\u00eb rreth pronave mund t\u00eb lexoni k\u00ebtu<\/a><\/noindex>.<\/p>\n
M\u00ebnyrat p\u00ebr t\u00eb eliminuar gabimet TypeError<\/h3>\n
\nGabimet TypeError ndodhin kur programuesi p\u00ebrpiqet t\u00eb kryej\u00eb veprime me t\u00eb dh\u00ebnat q\u00eb nuk i p\u00ebrkasin nj\u00eb tipi t\u00eb caktuar. Si nj\u00eb shembull, mund t\u00eb merret aplikimi i .bold(), k\u00ebrkimi i pron\u00ebs undefined ose thirrja e nj\u00eb funksioni, i cili n\u00eb t\u00eb v\u00ebrtet\u00eb nuk \u00ebsht\u00eb nj\u00eb funksion.<\/p>\n
Pra, n\u00ebse provoni t\u00eb th\u00ebrrisni girl (), do t\u00eb shfaqet gabimi Uncaught TypeError: yourVariable.bold is not a function dhe girl is not a function, pasi n\u00eb t\u00eb v\u00ebrtet\u00eb po thirret objekti, dhe jo funksioni.<\/p>\n
P\u00ebr t\u00eb eliminuar gabimet, duhet t\u00eb studiohen variablat. Pra, \u00e7far\u00eb \u00ebsht\u00eb girl? \u00c7far\u00eb \u00ebsht\u00eb girl.named? Mund ta m\u00ebsoni k\u00ebt\u00eb duke analizuar kodin, duke e nxjerr\u00eb variabl\u00ebn me an\u00eb t\u00eb console.log, komand\u00ebs debugger ose duke thirrur emrin e variabl\u00ebs n\u00eb konsol. Duhet t\u00eb siguroheni q\u00eb t\u00eb keni mund\u00ebsi t\u00eb operoni me tipin e t\u00eb dh\u00ebnave q\u00eb p\u00ebrmban variabla. N\u00ebse nuk i p\u00ebrshtatet, ndryshojeni, p\u00ebr shembull, shtoni kushte ose bllok try..catch \u2014 dhe merrni kontroll mbi ekzekutimin e operacionit.<\/p>\n
P\u00ebrmbysja e stack-ut<\/h3>\n
\nN\u00ebse u besojm\u00eb autor\u00ebve t\u00eb k\u00ebng\u00ebs Baby One More Time (po, \u00ebsht\u00eb Britney Spears), at\u00ebher\u00eb fjala hit n\u00eb k\u00ebt\u00eb kontekst do t\u00eb thot\u00eb d\u00ebshir\u00ebn e k\u00ebng\u00ebtares p\u00ebr t\u00eb marr\u00eb nj\u00eb telefonat\u00eb tjet\u00ebr (k\u00ebtu \u00ebsht\u00eb nj\u00eb shpjegim i kontekstit t\u00eb k\u00ebng\u00ebs, \u2013 sh\u00ebnim i p\u00ebrkthyesit). Ka shum\u00eb mund\u00ebsi q\u00eb kjo d\u00ebshir\u00eb t\u00eb \u00e7oj\u00eb n\u00eb nj\u00eb rritje t\u00eb numrit t\u00eb telefonatave n\u00eb jet\u00ebn reale. Por n\u00eb programim, kjo \u00ebsht\u00eb rekursivitet, nj\u00eb m\u00ebnyr\u00eb e cila mund t\u00eb shkaktoj\u00eb nj\u00eb gabim n\u00eb rast se mbushen thikat e thirrjes.<\/p>\n
Gabimet duket n\u00eb vijim:<\/p>\n
Gabim: Mungon hap\u00ebsira e stack-ut (Edge)
\nGabimBrendsh\u00ebm: shum\u00eb rekursivitet (Firefox)
\nGabimRang: Sizmi maksimal i thikave t\u00eb thirrjes \u00ebsht\u00eb tejkaluar (Chrome)
\n <\/i>
\nTejkaluar thik\u00ebn e thirrjes ndodh n\u00ebse zhvilluesi nuk ka marr\u00eb parasysh rastin baz\u00eb n\u00eb rekursivitet, ose n\u00ebse kodi nuk i referohet rastit t\u00eb parashikuar.<\/p>\n
function oneMoreTime(stillBelieve=true, loneliness=0) {\n    if (!stillBelieve && loneliness < 0) return\n    loneliness++\n    return oneMoreTime(stillBelieve, loneliness)\n}<\/code><\/pre>\n
\nN\u00eb k\u00ebt\u00eb rast, stillBelieve kurr\u00eb nuk mund t\u00eb marr\u00eb vler\u00ebn false, k\u00ebshtu q\u00eb \u00e7do her\u00eb do t\u00eb ndodh\u00eb thirrja e oneMoreTime, por ekzekutimi i funksionit nuk do t\u00eb p\u00ebrfundoj\u00eb kurr\u00eb.<\/p>\n
N\u00ebse fillon t\u00eb shpresosh te dy shok\u00eb, kjo do t\u00eb ul\u00eb loneliness (vetmia), dhe telefonat\u00ebn mund t\u00eb mos e pres\u00ebsh m\u00eb.<\/p>\n
function oneMoreTime(stillBelieve=true, loneliness=0) {\n    if (!stillBelieve && loneliness < 0) return\n    loneliness--\n    stillBelieve = false\n    return oneMoreTime(stillBelieve, loneliness)\n}<\/code><\/pre>\n
\nSi nj\u00eb shembull mund t\u00eb p\u00ebrmendim rastet me cikle t\u00eb pafund, kur sistemi nuk jep nj\u00eb mesazh gabimi, por faqja n\u00eb t\u00eb cil\u00ebn ekzekutohet kodi JavaScript thjesht ngec. Kjo ndodh n\u00ebse cikli while nuk ka nj\u00eb kusht p\u00ebr p\u00ebrfundim.<\/p>\n
let worldEnded = false\n \nwhile (worldEnded !== true) {\n  console.log(\"Continue t\u00eb vallzojm\u00eb derisa bota p\u00ebrfundon\")\n}<\/code><\/pre>\n
\nProblemi mund t\u00eb zgjidhet n\u00eb k\u00ebt\u00eb m\u00ebnyr\u00eb:<\/p>\n
let worldEnded = false\n \nwhile (worldEnded !== true) {\n  console.log(\"Continue t\u00eb vallzojm\u00eb derisa bota p\u00ebrfundon\")\n  worldEnded = true\n}<\/code><\/pre>\n
<\/p>\n
Debugimi i cikleve t\u00eb pafund dhe rekursioneve<\/h3>\n
\nN\u00ebse keni nj\u00eb problem me nj\u00eb cik\u00ebl t\u00eb pafund, n\u00eb Chrome ose Edge duhet t\u00eb mbyllni skedarin, nd\u00ebrsa n\u00eb Firefox \u2013 dritaren e shfletuesit. Pas k\u00ebsaj, duhet t\u00eb analizoni me kujdes kodin. N\u00ebse nuk mund t\u00eb gjeni problemin, mund t\u00eb shtoni komand\u00ebn debugger n\u00eb cik\u00ebl ose funksion dhe t\u00eb kontrolloni vlerat e ndryshoreve. N\u00ebse rezultati nuk i p\u00ebrket pritshm\u00ebrive, at\u00ebher\u00eb z\u00ebvend\u00ebsohet, kjo mund t\u00eb b\u00ebhet leht\u00ebsisht.<\/p>\n
N\u00eb shembullin e dh\u00ebn\u00eb m\u00eb sip\u00ebr, debugger duhet t\u00eb shtohet si rreshti i par\u00eb i funksionit ose ciklit. M\u00eb pas duhet t\u00eb hapni sked\u00ebn e debagimit n\u00eb Chrome, duke analizuar variablat n\u00eb scope. Me butonin next mund t\u00eb ndiheni n\u00eb ndjekjen e ndryshimeve t\u00eb tyre n\u00eb \u00e7do it\u00ebracion. T\u00eb b\u00ebsh t\u00eb gjitha k\u00ebto \u00ebsht\u00eb e thjesht\u00eb, dhe n\u00eb shumic\u00ebn e rasteve problemi gjendet.<\/p>\n
M\u00eb shum\u00eb rreth t\u00eb gjitha k\u00ebtyre mund t\u00eb lexoni k\u00ebtu (p\u00ebr Chrome<\/a><\/noindex>) dhe k\u00ebtu (p\u00ebr Firefox<\/a><\/noindex>).<\/p>\n
Gabim n\u00eb sintaks\u00eb<\/h3>\n
\nNj\u00eb nga gabimet m\u00eb t\u00eb zakonshme n\u00eb JavaScript \u00ebsht\u00eb SyntaxError. T\u00eb ikni nga ato mund t'ju ndihmojn\u00eb zgjerimet e redaktorit t\u00eb tekstit. P\u00ebr shembull, Bracket Pair Colorizer sh\u00ebnon kllapat n\u00eb kod me ngjyra t\u00eb ndryshme, nd\u00ebrsa Prettier ose nj\u00eb mjet analize i ngjash\u00ebm ofron mund\u00ebsin\u00eb p\u00ebr t\u00eb gjetur shpejt gabimet. Zgjedhja m\u00eb e mir\u00eb p\u00ebr t\u00eb reduktuar mund\u00ebsin\u00eb e shfaqjes s\u00eb SyntaxError \u00ebsht\u00eb minimizimi i thell\u00ebsis\u00eb s\u00eb kodit.<\/p>\n
Ndani n\u00eb komentet: \u00e7far\u00eb b\u00ebni p\u00ebr t\u00eb mos b\u00ebr\u00eb gabime ose p\u00ebr t\u00eb zbuluar dhe eliminuar ato shpejt?<\/p>\n
Skillbox rekomandon:<\/b><\/p>\n