Belajar Javascript Dasar Part 7 – Parameter, Argument, dan Return Value

Pada seri Belajar Javascript Dasar Part 6, kita telah mempelajari apa itu Function dan bagaimana cara menggunakannya untuk mengelompokkan kode agar lebih rapi dan mudah dikelola. Namun, sebuah function akan menjadi lebih bermanfaat jika dapat menerima data untuk diproses dan mengembalikan hasilnya.

Melanjutkan belajar Javascript Dasar Part 7 ini, kita akan mempelajari tiga konsep penting yang selalu digunakan saat bekerja dengan function, yaitu parameter, argument, dan return value. Dengan memahami ketiganya, Anda dapat membuat function yang lebih fleksibel, mudah digunakan kembali (reusable), dan mampu menghasilkan nilai sesuai kebutuhan program.

Parameter vs Argument, Apa Perbedaannya?

Banyak yang menganggap bahwa parameter dan argument adalah dua hal yang sama. Ini lumrah adanya. Keduanya memiliki kedekatan yang erat, biasanya muncul bersamaan pada suatu function sehingga sekilas akan terlihat sama. Padahal, keduanya memiliki peran yang berbeda. 

Parameter adalah nama variabel yang sering dituliskan saat mendeklarasikan function. Parameter bisa dibilang sebagai wadah kosong yang nantinya akan diisi nilai tertentu.

Supaya lebih jelas, mari dilihat contoh function sederhana berikut. 

function hitungBeratIdeal(tinggiBadan) {

// …

}

Keterangan:

• Pada contoh diatas tinggiBadan merupakan parameter.
• Sementara argument adalah nilai sesungguhnya yang Anda kirimkan saat memanggil function tersebut.

hitungBeratIdeal(160); 
hitungBeratIdeal(170); 
hitungBeratIdeal(180);

Keterangan:

• 160, 170, 180 merupakan argument.

Supaya lebih jelas dalam membedakannya, perhatikan contoh code program berikut. 

Sudah terlihat lebih jelas kan sekarang, bahwa parameter dengan argument memiliki peran yang berbeda. Dengan memahami perbedaan tersebut, dapat memudahkanmu dalam menulis function di Javascript. 

Mengenal Default Parameter di Javascript

Saat Anda bekerja dilingkungan Javascript kemudian mendapati code program yang Anda jalankan menampilkan hasil ‘NaN’ ini sering terjadi saat Anda lupa tidak mengisi Argumen saat memanggil function. 

Bila parameter function yang dipanggil tidak berisi nilai apapun, maka Javascript akan menganggapnya sebagai kosong. Sehingga yang terjadi adalah tampil hasil  ‘NaN’. 

Perhatikan gambar berikut. 

Untuk mengatasi masalah tersebut adalah, kita tambahkan default parameter. Dengan begitu bila kita lupa mengisi Argumentnya, maka secara otomatis Argument diisi oleh default parameter. 

Berikut ini contohnya.  

Contoh Script tanpa default parameter

function hitungBeratIdeal(tinggiBadan) {

// …

}

Contoh Script yang menggunakan default parameter

function hitungBeratIdeal(tinggiBadan = 170) {

// …

}

Bagaimana, caranya terlihat sederhana saja kan ya? Kamu hanya perlu menambahkan tanda sama dengan  (=) dan diikuti dengan nilai default-nya. Dengan cara ini, parameter akan bernilai default value saat user lupa mengisi nilai argumennya. 

Return Value, mengembalikan nilai function

Saat  function JavaScript dijalankan, mesin akan menjalankan seluruh kode dalam function body. Secara default, function akan mengembalikan sebagai undefined. 

Contoh sebelumnya. 

Hal ini disebabkan karena method console.log tidak akan mengembalikan nilai apa pun dan JavaScript tidak menganggap ini sebagai error. Supaya function mengembalikan nilai (return statement), kita perlu gunakan kata kunci return dan diikuti nilai kembaliannya. 

Berikut ini contoh perbaikannya. 

Kesimpulan

Pada seri Belajar Javascript Dasar Part 7 ini, kita telah mempelajari perbedaan antara parameter dan argument, serta memahami cara menggunakan default parameter dan return value dalam sebuah function. Ketiga konsep tersebut merupakan dasar yang penting karena hampir selalu digunakan saat membangun program menggunakan JavaScript.

Dengan memahami materi ini, Anda dapat membuat function yang lebih fleksibel, mudah digunakan kembali (reusable), dan mampu mengembalikan hasil sesuai kebutuhan program. Kemampuan ini juga menjadi bekal sebelum mempelajari materi JavaScript yang lebih kompleks pada seri-seri berikutnya.

Demikian tutorial Belajar Javascript Dasar Part 7. Jangan lewatkan seri Belajar Javascript Dasar lainnya di Rumahweb untuk mempelajari JavaScript secara bertahap, mulai dari konsep dasar hingga teknik pemrograman yang lebih lanjut. Semoga bermanfaat!

Quiz

Yuk, coba kuis belajar JavaScript dasar Part 7 tentang Parameter, Argument, dan Return Value berikut untuk menguji pemahaman kamu!

function hitungBeratIdeal(tinggiBadan) {
  return tinggiBadan - 100;
}

hitungBeratIdeal(170);

function hitungBeratIdeal(tinggiBadan = 170) {
  return tinggiBadan - 100;
}

hitungBeratIdeal();

function luasPersegi(sisi) {
  return sisi * sisi;
}