Belajar Javascript Dasar Part 6 – Mengenal Apa Itu Function

Kalau di Belajar Javascript Part 5 kita sudah membahas tentang konversi tipe data, sekarang saatnya melangkah ke konsep yang tidak kalah penting dalam belajar JavaScript, yaitu function.

Saat mulai menulis kode yang lebih kompleks, kamu akan menyadari bahwa banyak bagian kode yang sebenarnya berulang. Menulis ulang logika yang sama tentu tidak efisien dan berisiko menimbulkan error. Di sinilah function berperan untuk membantu menyederhanakan kode.

Dengan function, kamu bisa mengelompokkan kode ke dalam satu blok yang dapat digunakan kembali kapan saja. Hasilnya, kode menjadi lebih rapi, mudah dipahami, dan lebih mudah dikelola.

Apa itu function dalam pemrograman? 

Function adalah blok kode yang dirancang untuk menjalankan tugas tertentu dan dapat digunakan kembali kapan saja. Function membantu kamu menghindari penulisan kode yang berulang dengan cara mengelompokkan logika ke dalam satu bagian yang lebih terstruktur.

Secara sederhana, function bekerja seperti “mesin” kecil: kamu memberikan input (parameter), lalu function akan memprosesnya dan menghasilkan output (return value). Namun, tidak semua function harus memiliki input atau menghasilkan output, tergantung kebutuhan.

Konsep function tidak hanya ada di JavaScript, tetapi juga digunakan di hampir semua bahasa pemrograman. Karena itu, memahami function menjadi salah satu dasar penting sebelum melanjutkan ke topik yang lebih kompleks seperti modularisasi kode atau pembuatan aplikasi yang lebih besar.

Struktur Function

Untuk memudahkan kamu dalam memahami struktur deklarasi function pada pemrograman, silakan lihat pada gambar berikut:

Pada gambar diatas menunjukkan sebuah function sederhana yang dibuat untuk menjalankan tugas tertentu, di mana function didefinisikan sekali lalu bisa dipanggil kembali untuk menghasilkan output sesuai input yang diberikan.

Implementasi Function Sederhana

Untuk mempermudah memahami konsep function, kita akan mulai dari contoh sederhana terlebih dahulu. Misalnya, menghitung berat badan ideal seseorang menggunakan rumus yang umum digunakan seperti berikut.

• Pria: (tinggi badan – 100) – (10% × (tinggi badan – 100))
• Wanita: (tinggi badan – 100) – (15% × (tinggi badan – 100))

Misalnya kamu seorang pria yang memiliki tinggi badan 170 cm, maka cara menghitung berat idealnya adalah :

(170 - 100) - (0.1 * (170 - 100))

Hasilnya = 63 kg

Contoh Tanpa Function untuk menghitung berat ideal

Bila kita menghitungnya tanpa menggunakan function, code ditulis seperti ini:

const height = 170;
const idealWeight = (height - 100) - (0.1 * (height - 100));

console.log('Berat ideal:', idealWeight);

Cara menghitung berat badan ideal terlihat mudah ya. Tapi, bagaimana bila kita ingin menghitung banyak orang?

Misalnya:

• 160 cm
• 170 cm
• 180 cm

Bila kamu buat seperti screenshot dibawah ini, maka itu TIDAK EFEKTIF dan TIDAK DISARANKAN. 

Untuk mengatasi contoh case seperti diatas, maka disarankan menggunakan Function. Dengan menggunakan function, maka kita bisa membungkus rumus tadi ke dalam function, supaya bisa dipakai berulang kali.

Menggunakan function untuk menghitung berat ideal

function namaFunction(parameter) {
  // isi function
}

Sekarang kita buat function untuk menghitung berat ideal:

function hitungBeratIdeal(tinggiBadan) {
  const beratIdeal = (tinggiBadan - 100) - (0.1 * (tinggiBadan - 100));

  console.log('Berat ideal:', beratIdeal);
}

Penjelasan:

• hitungBeratIdeal = ini adalah nama function
• tinggiBadan = parameter (input)
• isi () = proses perhitungan

Setelah itu, cukup kita panggil functionnya dengan menyertakan parameter. 

Hoisting 

Di JavaScript ada juga yang disebut dengan hoisting, yaitu function bisa dipanggil lebih dulu sebelum dibuat:

sapa();

function sapa() {
  console.log('Halo!');
}

Tetap bisa jalan ya. Tapi sebaiknya tetap tulis function dulu agar kode lebih rapi.

Kesimpulan

Function adalah cara untuk membungkus kode program agar bisa digunakan secara berulang. Dengan menggunakan function, maka membantu kode menjadi lebih rapi, lebih singkat, dan lebih mudah dipahami. Dengan function, kita cukup buat sekali code programnya, dan code bisa dipakai berkali-kali.

Di seri belajar JavaScript selanjutnya, kita akan membahas topik yang nggak kalah penting, yaitu operator di JavaScript. Jadi, jangan sampai ketinggalan dan terus ikuti seri belajar JavaScript dari Rumahweb untuk meningkatkan skill kamu.

Quiz

Yuk, coba kuis belajar JavaScript Part 6 tentang function berikut untuk menguji pemahaman kamu!

function sapa() {
  console.log("Halo!");
}

function hitung(a) {
  return a * 2;
}

console.log(hitung(5));

function salam() {
  console.log("Hai!");
}