Fungsi JavaScript: Konsep Pengembangan Web Anda – Fungsi adalah salah satu pilar utama JavaScript. Pada dasarnya, fungsi JavaScript adalah sekumpulan pernyataan yang melakukan beberapa tugas atau melakukan perhitungan dan kemudian mengembalikan hasilnya kepada pengguna . Hari ini dalam tutorial JavaScript ini kita akan membahas dasar-dasar Fungsi JavaScript.
Fungsi JavaScript: Konsep Pengembangan Web Anda
javascriptoo – Kami akan memahami apa itu fungsi, bagaimana mendefinisikan dan menggunakannya, dan berbagai terminologi lain yang terkait dengannya. Selain itu, kita akan melihat sekilas cakupan fungsi dan mempelajari sedikit tentang fungsi bawaan JavaScript yang tersedia untuk pemrogram.
Apa itu Fungsi JavaScript?
Fungsi JavaScript adalah prosedur atau subprogram, yaitu blok kode yang melakukan tugas tertentu. Ini adalah sekelompok kode yang dapat digunakan kembali yang dapat Anda gunakan di mana saja dalam kode. Ini membantu Anda membagi program besar menjadi fungsi-fungsi kecil dan dapat dikelola. Dengan bantuan fungsi, Anda tidak perlu menulis blok kode yang sama berulang kali. Ini membuat program jauh lebih efisien dan mengurangi panjang kode.
Kami menggunakan beberapa fungsi seperti prompt() dan write() dalam Tutorial JavaScript kami sebelumnya dari seri ini. Ini adalah fungsi bawaan yang disediakan JavaScript, dan Anda akan mempelajarinya lebih lanjut nanti di tutorial ini. Untuk saat ini, mari beralih ke sintaks fungsi JavaScript.
Baca Juga : JavaScript: Kiat & Alat untuk Menguji Rendering
Ekspresi Fungsi
Deklarasi fungsi di atas secara sintaksis adalah pernyataan. Kita juga dapat membuat fungsi menggunakan ekspresi fungsi. Fungsi-fungsi ini dapat bersifat anonim, yaitu tidak memiliki nama. Ini adalah salah satu fitur yang kami pelajari di artikel kami tentang Pengantar JavaScript .
Fungsi Memanggil
Fungsi yang ditentukan tidak dijalankan secara otomatis. Definisi fungsi hanya menentukan apa yang harus dilakukan ketika kita menjalankan fungsi tersebut. Eksekusi sebenarnya dimungkinkan dengan bantuan pemanggilan fungsi atau pemanggilan fungsi. Fungsi harus berada dalam cakupannya saat dipanggil dan saat kita menggunakan ekspresi fungsi dalam kode kita. Ini karena deklarasi fungsi mendukung pengangkatan, tetapi ekspresi fungsi tidak.
Seperti parameter, kami memisahkan argumen pemanggilan fungsi dengan penggunaan koma.
Kita sekarang akan merangkum semua yang telah kita pelajari sejauh ini dalam dua program JavaScript, satu dengan deklarasi fungsi dan yang lainnya dengan ekspresi fungsi.
Parameter dan Argumen Fungsi
Saat Anda memulai pemrograman, Anda sering mendengar istilah: argumen dan parameter. Banyak pemrogram bingung dengan istilah-istilah ini, tetapi penting bagi Anda untuk memahami apa itu dan bagaimana perbedaannya satu sama lain.
Parameter digunakan di dalam tanda kurung dalam deklarasi fungsi. Dibutuhkan nilai apa pun yang terkandung dalam argumen fungsi dan bekerja dengannya untuk keseluruhan fungsi. Seumur hidup parameter hanya di dalam fungsi. Anda tidak dapat mengakses atau memodifikasinya dari luar fungsi. Dalam definisi fungsi, kita dapat melewatkan hingga 255 parameter, dipisahkan dengan koma.
Di sisi lain, argumen adalah nilai aktual yang kami berikan ke suatu fungsi pada saat pemanggilan fungsi. Nama argumen atau parameter bisa sama atau berbeda, sesuai kenyamanan Anda. Tetapi Anda perlu memastikan bahwa jumlah argumen dan parameter untuk suatu fungsi adalah sama.
Pada program di atas, tinggi dan berat adalah parameter, sedangkan 4 dan 9 adalah argumennya. tinggi dan berat masing-masing mengambil nilai 4 dan 9 dalam kasus ini.
Lingkup Fungsi
Variabel yang didefinisikan di dalam suatu fungsi tidak dapat diakses di luarnya. Tetapi suatu fungsi dapat mengakses variabel apa pun yang didefinisikan sebagai variabel global. Saat Anda mendefinisikan fungsi di dalam fungsi lain, kami menyebutnya fungsi bersarang. Fungsi ini adalah fungsi anak dari fungsi mana pun yang didefinisikan dalam (fungsi induk) . Fungsi anak memiliki akses ke semua variabel yang ditentukan dalam fungsi induk atau yang dapat diakses oleh induknya; sebaliknya tidak benar.
Jenis Fungsi JavaScript
1. Fungsi Rekursif
Suatu fungsi dapat memanggil dirinya sendiri secara langsung atau tidak langsung. Fungsi yang memanggil dirinya sendiri selama eksekusi adalah fungsi rekursif. Ini memungkinkan suatu fungsi untuk mengulang beberapa iterasi, meminimalkan kode. Masalah dengan fungsi-fungsi ini adalah, jika tidak ditulis dengan benar, mereka dapat menyebabkan loop tak terbatas dan hasil tak terduga lainnya.
2. Fungsi Panah
Fungsi panah, diperkenalkan dengan ECMAScript 2015, adalah cara ringkas untuk menulis fungsi JavaScript. Mereka memiliki sintaks yang lebih pendek daripada ekspresi fungsi dan tidak berfungsi dengan kata kunci ini . Fungsi-fungsi ini selalu anonim yaitu, mereka tidak memiliki nama. Inilah mengapa kami tidak menggunakannya sebagai metode, dan alasan mengapa kami tidak dapat menggunakannya sebagai konstruktor.
Fungsi-fungsi ini menggunakan tanda panah => untuk mendeklarasikan fungsi daripada kata kunci fungsi .
Mari kita lihat contoh bagaimana fungsi ini mengurangi panjang kode dengan membandingkannya dengan fungsi normal.
Fungsi-fungsi ini biasanya membantu dalam proyek berskala besar. Menggunakan fungsi-fungsi ini dalam program membantu pemrogram untuk mengoptimalkan kode mereka. Latih fungsi-fungsi ini sebanyak yang Anda bisa untuk menguasainya.
Semua fungsi yang kita diskusikan di atas adalah yang Anda tentukan. Bagaimana jika kita tidak ingin melakukan itu? Apakah ada cara untuk menggunakan kode standar untuk menghemat waktu dan uang Anda? Jawaban atas pertanyaan itu adalah ya, dengan bantuan metode bawaan JavaScript. Metode bukanlah apa-apa, tetapi fungsi yang terkait dengan objek JavaScript.
3. Metode Bawaan
JavaScript menyediakan berbagai metode bawaan untuk digunakan oleh pemrogram secara langsung. Penerjemah JavaScript memahami metode ini tanpa Anda harus mendefinisikannya. Anda dapat memanggil metode ini di mana saja dalam program Anda secara langsung. Tidak mungkin mengetahui semua metode bawaan dalam satu tutorial. Anda akan mempelajari penggunaannya saat Anda membuat kode lebih banyak di JavaScript. Beberapa fungsi bawaan JavaScript yang paling umum adalah sebagai berikut:
peringatan()
Metode ini menampilkan teks dalam kotak dialog yang muncul di layar. Ini umumnya digunakan untuk menyampaikan beberapa informasi atau peringatan kepada pengguna sebelum memuat halaman di browser.
mengingatkan()
Seperti alert(), metode prompt() juga menampilkan teks dalam kotak dialog di layar. Tetapi metode ini memberi pengguna fasilitas untuk memasukkan beberapa data juga.
menulis()
Metode JavaScript ini sangat berguna ketika Anda ingin mencetak sesuatu di desktop Anda hanya dengan menggunakan JavaScript . Ini membantu pemrogram dalam pemrograman dinamis karena mencetak konten di browser hanya ketika suatu peristiwa terjadi.
getElementById()
Metode ini mengembalikan elemen yang ID-nya Anda berikan dalam fungsi sebagai argumen. Jika ID yang diteruskan ke fungsi tidak ada, ia mengembalikan nol.
getElementsByClassName()
Metode JavaScript ini mengembalikan kumpulan semua elemen dalam dokumen yang memiliki nama kelas yang sama dengan argumennya. Koleksi ini adalah kumpulan node, dikembalikan sebagai JavaScript NodeList. Anda dapat mengakses setiap node dengan nomor indeksnya (dimulai dengan 0). Ini dijelaskan secara lebih rinci dalam Tutorial JavaScript DataFlair tentang Model Objek Dokumen.
getDate()
Metode JavaScript ini menyediakan fungsionalitas khusus untuk program kita. Ini mengembalikan tanggal saat ini yang dikembalikan oleh perangkat. Metode ini selalu digunakan dengan objek Tanggal. Anda akan mempelajari lebih lanjut tentang objek ini dan metode lain yang terkait dengannya dalam tutorial kami tentang Tanggal dan Waktu JavaScript .
termasuk()
Metode ini memeriksa koleksi untuk string tertentu yang ingin kita temukan. Berdasarkan apakah string merupakan bagian dari koleksi itu atau tidak, ia mengembalikan benar atau salah. Ingat, metode ini peka terhadap huruf besar-kecil; Anda harus berhati-hati tentang apa yang Anda berikan sebagai argumen.
