React.js
  • Roadmap belajar React.js
  • Tahap 1: Dasar-dasar JavaScript
    • Apa itu JavaScript dan kegunaannya
    • Sejarah dan perkembangan JavaScript
    • Apa itu Node.js dan hubungannya dengan JavaScript
    • Cara instal Node.js
    • Cara menjalankan JavaScript di Node.js
    • Variabel dalam JavaScript
    • Tipe data dalam JavaScript
    • Operator dalam JavaScript
    • Truly dan Falsy dalam JavaScript
    • Kondisional dalam JavaScript
    • Looping dalam JavaScript
    • Fungsi dalam JavaScript
    • Parameter dan Return Value dalam JavaScript
    • DOM di JavaScript dan Cara manipulasinya
    • Event Handling dalam JavaScript
    • Try, catch, dan finally dalam JavaScript
    • Callback dalam JavaScript
    • Promise dalam JavaScript
    • Async dan Await dalam JavaScript
  • Tahap 2: JavaScript Lanjutan
    • OOP dalam JavaScript
    • ES6
    • LocalStorage dalam JavaScript
    • FetchAPI dalam JavaScript
  • Tahap 3: Memulai dengan React.js
    • Apa itu React?
    • Konsep Virtual DOM
    • Apa itu JSX?
    • Langkah-langkah Setup Project React.js
    • Apa itu Komponen dalam React?
    • Apa itu Props dan State dalam React?
    • Apa itu Event Handling dalam React?
    • Apa itu Component Lifecycle dalam React?
    • Apa itu Hooks dalam React?
    • Apa itu Custom Hooks dalam React?
  • Tahap 4: React Lanjutan
    • Apa itu Context API dalam React?
    • Apa itu State Management (Redux)?
    • Apa itu Routing di React?
    • Apa itu Dynamic Routing, Private Routing, dan Nested Routing?
    • Cara menulis CSS di React
    • Cara Menggunakan Bootstrap di React
    • Cara Menggunakan Tailwind CSS di React
    • Cara Fetching data dari API di React
    • Cara Menampilkan data dinamis di React
    • Error handling dalam pengambilan data
    • Cara Testing komponen di React
    • End-to-end testing dengan Cypress atau Selenium
Powered by GitBook
On this page
  1. Tahap 1: Dasar-dasar JavaScript

Try, catch, dan finally dalam JavaScript

PreviousEvent Handling dalam JavaScriptNextCallback dalam JavaScript

Last updated 10 months ago

Apa itu try, catch, dan finally?

try, catch, dan finally adalah blok pernyataan dalam JavaScript yang digunakan untuk menangani kesalahan (error handling). Mereka memungkinkan pengembang untuk menangkap dan menangani kesalahan secara elegan, menghindari crash yang tidak terduga pada aplikasi.

try Block

Blok try memungkinkan Anda menjalankan kode yang mungkin menghasilkan kesalahan. Jika kesalahan terjadi dalam blok try, eksekusi akan segera berhenti dan dialihkan ke blok catch.

catch Block

Blok catch digunakan untuk menangani kesalahan yang terjadi dalam blok try. Ini menerima objek kesalahan yang memberikan informasi tentang kesalahan tersebut.

finally Block

Blok finally digunakan untuk mengeksekusi kode yang harus dijalankan terlepas dari apakah kesalahan terjadi atau tidak. Ini berguna untuk membersihkan atau melepaskan sumber daya yang digunakan dalam blok try.

Contoh Penggunaan try, catch, dan finally

try {
    // Kode yang mungkin menghasilkan kesalahan
    let result = riskyOperation();
    console.log(result);
} catch (error) {
    // Menangani kesalahan
    console.error('An error occurred:', error.message);
} finally {
    // Kode yang selalu dijalankan
    console.log('This will run no matter what.');
}

Penjelasan:

  1. Blok try:

    try {
        let result = riskyOperation();
        console.log(result);
    }
    • Kode dalam blok try dijalankan terlebih dahulu. Jika riskyOperation menghasilkan kesalahan, eksekusi dalam blok try akan dihentikan dan dilanjutkan ke blok catch.

  2. Blok catch:

    catch (error) {
        console.error('An error occurred:', error.message);
    }
    • Jika terjadi kesalahan dalam blok try, blok catch akan menangkap kesalahan tersebut dan menjalankan kode di dalamnya. Objek error memberikan informasi tentang kesalahan, termasuk pesan kesalahan (error.message).

  3. Blok finally:

    finally {
        console.log('This will run no matter what.');
    }
    • Blok finally akan dijalankan setelah blok try dan catch selesai, terlepas dari apakah kesalahan terjadi atau tidak.

Sumber

Penggunaan try, catch, dan finally memungkinkan penanganan kesalahan yang lebih baik dan memastikan bahwa kode penting tetap dijalankan bahkan ketika kesalahan terjadi.

MDN Web Docs - try...catch
W3Schools - JavaScript try...catch...finally
JavaScript.info - Error handling, "try...catch"