უი, ისევ გავაკეთე: JavaScript-ში გავრცელებული შეცდომების გამართვა

JavaScript კოდის დაწერა შეიძლება იყოს რთული და ზოგჯერ სრულიად დამაშინებელი, როგორც ბევრი დეველოპერი იცნობს. მუშაობის პროცესში აუცილებლად ჩნდება შეცდომები და ზოგიერთი მათგანი ხშირად მეორდება. ეს სტატია, რომელიც გამიზნულია დამწყები დეველოპერებისთვის, საუბრობს ამ შეცდომებზე და მათი გადაჭრის შესახებ. სიცხადისთვის, ფუნქციების, თვისებების და ობიექტების სახელები აღებულია პოპულარული სიმღერა. ეს ყველაფერი გეხმარებათ სწრაფად დაიმახსოვროთ, როგორ გამოასწოროთ გავრცელებული შეცდომები.

შეგახსენებთ: "Habr"-ის ყველა მკითხველისთვის - ფასდაკლება 10 რუბლიდან Skillbox-ის ნებისმიერ კურსზე ჩარიცხვისას "Habr" სარეკლამო კოდის გამოყენებით.

Skillbox გირჩევთ: პრაქტიკული კურსი "Mobile Developer PRO".

TypeError: თვისება არ არის განსაზღვრული

let girl = {
    name: "Lucky",
    location: "Hollywood",
    profession: "star",
    thingsMissingInHerLife: true,
    lovely: true,
    cry: function() {
        return "cry, cry, cries in her lonely heart"
    }
}
console.log(girl.named.lucky)

ზემოთ მოყვანილი კოდის მაგალითი აყენებს შეცდომას Uncaught TypeError: ვერ წაიკითხა თვისება 'lucky' of undefined. პრობლემა ის არის, რომ გოგონას ობიექტს არ აქვს დასახელებული თვისება, თუმცა მას აქვს სახელის თვისება. და რადგან girl.named საკუთრება არ არის განსაზღვრული, თქვენ არ შეგიძლიათ მასზე წვდომა, რადგან ფორმალურად ის არ არსებობს. მაგრამ თუ თქვენ შეცვლით girl.named.lucky-ით girl.name, მაშინ ყველაფერი იმუშავებს და პროგრამა დააბრუნებს Lucky-ს.

თქვენ შეგიძლიათ გაიგოთ მეტი თვისებების შესახებ წაიკითხეთ აქ.

TypeErrors-ის გადაჭრის გზები

TypeErrors ხდება მაშინ, როდესაც პროგრამისტი ცდილობს შეასრულოს მოქმედებები მონაცემებზე, რომლებიც არ ემთხვევა კონკრეტულ ტიპს. მაგალითები მოიცავს .bold() გამოყენებას, განუსაზღვრელი თვისების მოთხოვნას ან ფუნქციის გამოძახებას, რომელიც რეალურად არ არის ფუნქცია.

ასე რომ, თუ თქვენ ცდილობთ გამოძახებას girl(), თქვენ მიიღებთ შეცდომას Uncaught TypeError: yourVariable.bold არ არის ფუნქცია და girl არ არის ფუნქცია, რადგან ის რეალურად გამოძახებული ობიექტია და არა ფუნქცია.

შეცდომების აღმოსაფხვრელად, თქვენ უნდა შეისწავლოთ ცვლადები. მაშ, რა არის გოგო? რა არის გოგო.სახელი? ამის გარკვევა შეგიძლიათ კოდის ანალიზით, ცვლადების ჩვენებით console.log-ის გამოყენებით, გამართვის ბრძანებით ან კონსოლში ცვლადის სახელის გამოძახებით. თქვენ უნდა დარწმუნდეთ, რომ შესაძლებელია ცვლადის მონაცემების ტიპზე მუშაობა. თუ ეს არ მუშაობს, შეცვალეთ იგი - მაგალითად, დაამატეთ პირობა ან try..catch ბლოკი - და მიიღეთ კონტროლი ოპერაციის შესრულებაზე.

Stack Overflow

თუ გჯერათ სიმღერის Baby One More Time სიმღერის ტექსტის ავტორებს (ეს არის ბრიტნი სპირსი, დიახ), მაშინ სიტყვა ჰიტი ამ კონტექსტში ნიშნავს მომღერლის სურვილს, კვლავ დარეკოს (აქ არის ახსნა სიმღერის კონტექსტში. სიმღერა - მთარგმნელის შენიშვნა). შესაძლოა, ამ სურვილმა გამოიწვიოს ზარების რაოდენობის ზრდა რეალურ ცხოვრებაში. მაგრამ პროგრამირებაში ეს არის რეკურსია, რომელმაც შეიძლება გამოიწვიოს შეცდომა, თუ ზარის სტეკი გადაიჭრება.

შეცდომები ასე გამოიყურება:

შეცდომა: დასტას ადგილი არ აქვს (Edge)
შიდა შეცდომა: ძალიან ბევრი რეკურსია (Firefox)
დიაპაზონის შეცდომა: ზარის დატის მაქსიმალური ზომა გადაჭარბებულია (Chrome)

სტეკის გადინება ხდება, თუ დეველოპერი არ განიხილავს საბაზისო შემთხვევას რეკურსიაში, ან თუ კოდი არ ეხება განზრახ შემთხვევას.

function oneMoreTime(stillBelieve=true, loneliness=0) {
    if (!stillBelieve && loneliness < 0) return
    loneliness++
    return oneMoreTime(stillBelieve, loneliness)
}

ამ შემთხვევაში, stillBelieve არასოდეს შეიძლება იყოს მცდარი, ამიტომ oneMoreTime გამოიძახება ყოველ ჯერზე, მაგრამ ფუნქცია არასოდეს დასრულდება.

თუ დაიწყებთ ორ მეგობარზე დაყრდნობას, ეს შეამცირებს მარტოობას და არ მოგიწევთ ზარის ლოდინი.

function oneMoreTime(stillBelieve=true, loneliness=0) {
    if (!stillBelieve && loneliness < 0) return
    loneliness--
    stillBelieve = false
    return oneMoreTime(stillBelieve, loneliness)
}

მაგალითად არის შემთხვევები უსასრულო მარყუჟებით, როდესაც სისტემა არ ქმნის შეცდომის შეტყობინებას, მაგრამ გვერდი, რომელზეც JavaScript კოდი შესრულებულია, უბრალოდ იყინება. ეს ხდება იმ შემთხვევაში, თუ while მარყუჟს არ აქვს შეწყვეტის პირობა.

let worldEnded = false
 
while (worldEnded !== true) {
  console.log("Keep on dancin' till the world ends")
}

პრობლემის მოგვარება შეგიძლიათ შემდეგნაირად:

let worldEnded = false
 
while (worldEnded !== true) {
  console.log("Keep on dancin' till the world ends")
  worldEnded = true
}

უსასრულო მარყუჟების და რეკურსიების გამართვა

თუ თქვენ გაქვთ უსასრულო მარყუჟის პრობლემა, უნდა დახუროთ ჩანართი Chrome-ში ან Edge-ში და დახუროთ ბრაუზერის ფანჯარა Firefox-ში. ამის შემდეგ, თქვენ უნდა ყურადღებით გაანალიზოთ კოდი. თუ პრობლემას ვერ პოულობთ, ღირს თქვენს მარყუჟში ან ფუნქციაში გამართვის ბრძანების დამატება და ცვლადების მნიშვნელობების შემოწმება. თუ შედეგი არ შეესაბამება იმას, რაც მოსალოდნელი იყო, მაშინ ჩვენ ვცვლით მას, ეს შეიძლება გაკეთდეს მარტივად.

ზემოთ მოყვანილ მაგალითში, გამართვა უნდა დაემატოს ფუნქციის ან მარყუჟის პირველ ხაზად. შემდეგ თქვენ უნდა გახსნათ გამართვის ჩანართი Chrome-ში, ცვლადების მასშტაბის ანალიზით. შემდეგი ღილაკის გამოყენებით შეგიძლიათ თვალყური ადევნოთ მათ ცვლილებებს ყოველ გამეორებაზე. ეს ყველაფერი ადვილი გასაკეთებელია და უმეტეს შემთხვევაში პრობლემა აღმოჩენილია.

ამ ყველაფრის შესახებ მეტი შეგიძლიათ წაიკითხოთ აქ (Chrome-ისთვის) და აქ (Firefox-ისთვის).

Სინტაქსური შეცდომა

JavaScript-ში ერთ-ერთი ყველაზე გავრცელებული შეცდომაა SyntaxError. ტექსტის რედაქტორის გაფართოებები დაგეხმარებათ თავიდან აიცილოთ ისინი. მაგალითად, Bracket Pair Colorizer აღნიშნავს ფრჩხილებს კოდში სხვადასხვა ფერებით, ხოლო Prettier ან მსგავსი ანალიზის ინსტრუმენტი შესაძლებელს ხდის შეცდომების სწრაფად პოვნას. საუკეთესო ვარიანტი სინტაქსის შეცდომის ალბათობის შესამცირებლად არის მინიმალური ბუდე.

გააზიარეთ კომენტარებში: რას აკეთებთ შეცდომების თავიდან ასაცილებლად ან სწრაფად აღმოსაჩენად და აღმოსაფხვრელად?

Skillbox გირჩევთ:

• ორწლიანი პრაქტიკული კურსი "მე ვარ PRO ვებ დეველოპერი".
• ონლაინ კურსი "C# დეველოპერი 0-დან".
• პრაქტიკული წლის კურსი "PHP დეველოპერი 0-დან PRO-მდე".

წყარო: www.habr.com