Fungsi adalah sub-program yang dapat digunakan kembali baik di dalam program itu sendiri maupun di program lain Show
Fungsi dalam Javascript adalah objek. Karena memiliki properti dan juga metode Bagi pemula konsep ini cukup membingungkan. Terutama yang belum familiar dengan konsep OOP Tapi hanya tentang… Mari kita belajar tentang fungsi terlebih dahulu, nanti saya akan membahas tentang objek pada kesempatan yang berbeda 4 Cara Membuat Fungsi di JavascriptAda 4 cara yang bisa kita lakukan untuk membuat sebuah function di Javascript
Mari kita coba semuanya… 1. Membuat Fungsi dengan Cara NormalCara ini paling sering digunakan, terutama bagi yang baru belajar Javascript _2. Membuat Fungsi dengan EkspresiCara membuat fungsi dengan ekspresi
Kami menggunakan variabel, lalu mengisinya dengan fungsi. Fungsi ini sebenarnya adalah fungsi anonim 3. Membuat Fungsi dengan PanahMetode ini sering digunakan dalam kode Javascript saat ini, karena lebih sederhana. Tetapi sulit untuk dipahami bagi pemula. Fungsi ini mulai muncul di standar ES6 Contoh
Ini sebenarnya hampir sama dengan menggunakan ekspresi. Bedanya, kita menggunakan panah ( 3) bukan 5Membuat fungsi dengan cara ini disebut fungsi panah 4. Membuat Fungsi dengan KonstruktorCara ini sebenarnya tidak disarankan oleh Mozilla Developers, karena tampilannya kurang bagus. Masalahnya body fungsi dibuat dalam bentuk string yang dapat mempengaruhi kinerja mesin javascript Contoh _Untuk pemula, saya sarankan menggunakan cara pertama terlebih dahulu. Nanti kalau sudah terbiasa, coba gunakan cara ke-2 dan ke-3
Cara Memanggil/Menjalankan FungsiSetelah mengetahui cara membuat fungsi, lalu bagaimana cara memanggilnya? Kita dapat memanggil fungsi tersebut dalam kode Javascript dengan menuliskan nama fungsinya seperti ini
Contoh _Selain cara di atas, kita juga bisa memanggil fungsi tersebut melalui atribut event pada HTML Contoh _Hasil Fungsi dengan ParameterParameter adalah variabel yang menyimpan nilai untuk diproses di dalam fungsi Contoh
Pada contoh di atas, 6 dan 7 adalah parameterLalu cara memanggil fungsi yang memiliki parameter adalah seperti ini
Kami memberikan 8 untuk parameter 6 dan 0 untuk parameter 7Fungsi yang Mengembalikan NilaiAgar hasil pengolahan nilai pada fungsi dapat digunakan untuk proses selanjutnya, fungsi tersebut harus mengembalikan nilai Mengembalikan nilai ke fungsi menggunakan kata kunci 2 kemudian diikuti dengan nilai atau variabel yang akan dikembalikan. Contoh
Contoh Program Javascript dengan FungsiSetelah kita memahami dasar-dasar pembuatan fungsi dan tipe-tipenya, sekarang mari kita coba membuat program sederhana Program ini berisi data item CRUD (Crete, Read, Update, Delete) yang disimpan dalam array Silakan buat dua file baru 0File _3 adalah file yang menampilkan halaman web. Sedangkan file _4 adalah programnyaBerikut isi file 3 _1Selanjutnya kita akan membuat kode di file 4. Silakan gunakan gaya pembuatan fungsi yang Anda sukaDalam contoh ini, kita akan menggunakan cara pertama. Karena lebih mudah Berikut isi file _4 _2Hasil Demo langsung. kode petani. github. io/js-fungsi/ Kata Akhir…Fungsi merupakan hal yang harus dipahami dalam Javascript, karena kedepannya kita akan banyak bekerja dengan fungsi baik dalam membuat objek, memanipulasi HTML, melakukan ajax dan lain sebagainya. Artikel ini hanya mengajarkan dasar-dasarnya. Padahal, masih banyak hal yang harus dibahas tentang fungsi Apa yang mengikat dalam Javascript?Jawaban. Intinya, fungsi ". bind(this)" pada JS berguna agar nilai referensi "this" pada suatu fungsi tidak berubah saat dieksekusi .
Bagaimana cara memanggil fungsi dalam Javascript?Cara Memanggil/Menjalankan Fungsi
. Nama fungsi(); Contoh. // buat fungsi function sayHello(){ console. log("Halo Dunia. "); } // panggil fungsi sayHello() // kemudian akan menghasilkan -> Hello World. |