30 Hari Belajar JavaScript: Hari ke-8

Source : Dokumentasi Pribadi

Halo semuanya! Selamat datang kembali di series 30 hari belajar JavaScript. Pada hari ke 8 ini kita akan bersama-sama mempelajari tentang 🍉.

1. Function Parameter pada JavaScript
2. Function Return Value pada JavaScript
3. Optional Parameter pada JavaScript
4. Default Parameter pada JavaScript
5. Function sebagai Value pada JavaScript

Langsung saja kita ke pembahasan! 🍅

Function Parameter pada JavaScript

Pada materi tentang function, kita sudah sedikit membahas tentang parameter. Disini kita akan membahas maksud dari parameter tersebut secara seksama dan dalam tempo yang sesingkat-singkatnya 😎.

 function saySalam() {
          document.writeln("Assalamulaikum!");
 }

 saySalam();

Function tanpa parameter

Dalam kasus ini kita memiliki sebuah function yang akan mengeksekusi sebuah script sederhana untuk menampilkan teks “Assalamualaikum!” Pertanyaan nya bisakah kita membuatnya, menghasilkan nilai bahkan mengirimkan informasi? Misalkan “Assalamualaikum john!” kemudian “Waalaikumussalam Ethan!” Tentu saja bisa, disinilah peran dari parameter. Sebelum menambahkan parameter alangkah lebih baiknya perhatikan struktur dari function terlebih dahulu 🍪.

Struktur sebuah function

Parameter ditempatkan di dalam kurung () di deklarasi method (namaFunctionnya). Parameter bisa lebih dari satu, jika lebih dari satu, harus dipisah menggunakan tanda koma 🤠.

function saySalam(username) {
         document.writeln(`Assalamualaikum! ${username}`);
}

Untuk mengirimkan informasi ke parameter yaitu username, ketika kita memanggil function jangan lupa untuk memberikan argument. Argument secara sederhana adalah nilai yang dikirimkan kepada parameter. Argument ini disesuiakan dengan panjang dari parameter dan pastikan urutannya benar ☕

argumentasi akan dikirim ke parameter

Sehingga code yang kita buat menjadi seperti berikut 🧀.

function saySalam(mamangSatu, mamangDua) {
         document.writeln(`<p> Assalamualaikum! ${mamangSatu} </p>`);
         document.writeln(`Waalaikumussalam! ${mamangDua}`);
}

saySalam("John", "Ethan");

Mantap

Function Return Value pada JavaScript

Secara default, function itu tidak menghasilkan value apapun, namun jika kita ingin, kita bisa membuat sebuah function mengembalikan value. Agar function bisa menghasilkan value, kita bisa menggunakan kata kunci return di dalam functionnya. Dan di dalam block function, untuk menghasilkan nilai tersebut, kita harus menggunakan kata kunci return, lalu diikuti dengan data yang ingin kita hasilkan. Function hanya bisa mengembalikan satu data, jika kita ingin mengembalikan beberapa data sekaligus, kita bisa menggunakan Array sebagai return value nya 🎂

 function simpleCalculator(firstInput, secondInput) {
          let addition = document.writeln(firstInput + secondInput)
          return addition;
  }

  const result = simpleCalculator(100, 50);

Function Return Value

Optional Parameter pada JavaScript

Parameter pada JavaScript sebenarnya bersifat optional, artinya kita bisa sesuka hati ingin menambahkan argumen atau tidak 🥦.

function userSetting(id, username, password) {
         document.writeln(id)
}

userSetting(19)

Disini kita hanya menambahkan argumen untuk id, dan itu tidak masalah 🍊.

Optional Parameter

Default Parameter pada JavaScript

Sebenarnya parameter pada JavaScript dapat kita berikan nilai default. Hal ini bisa saja terjadi ketika kita lupa memberikan argumen ke pada parameter, dan default value lah yang akan mengisi parameter tersebut 🍜.

function userProfile(id, fullName, address = "Indonesia") {
         let userId = `<p> Id: ${id} </p>`
         let userFullName = `<p> Fullname : ${fullName} </p>`
         let userAddress = `<p> Address : ${address}</p>`

         document.writeln(userId, userFullName, userAddress)
}

userProfile(1, "John")

Di atas kita hanya sebatas mengirim argumen untuk id dan fullname saja, akan tetapi walupun seperti itu address akan tetap terisi dengan default valuenya yaitu Indonesia 😎👍.

Default parameter

Function sebagai Value pada JavaScript

Function tidak hanya bisa digunakan sebagai kode program yang dieksekusi, tapi bisa juga sebagai value. Artinya, function bisa disimpan di variable, bisa juga dikirim melalui parameter ke function lainnya 🧃.

 function saySalam(people) {
          let salam = `Assalamualaikum ${people}`
          return salam
  }

  let whatPeopleSay = saySalam("Budi")
  document.writeln(whatPeopleSay)

Function pada Variabel

Halo! perkenalkan nama saya Bahrul Rozak, saya adalah seorang mahasiswa dari Universitas Muhammadiyah Prof. DR. HAMKA. Selain sebagai mahasiswa saya juga memiliki pengalaman dalam bidang web developer disebuah institusi dan di berikan amanat untuk membuat sebuah aplikasi internal menggunakan bahasa pemrograman JavasScript, PHP dan menggunakan framework PHP seperti Laravel, codeigniter dan Juga Vue Js, tidak hanya membuat aplikasi saya juga diberikan amanat untuk mengembangkan aplikasi yang sudah ada dan selain itu saya jugamemiliki sedikit pengalaman dalam memimpin sebuah team project yang terdiri dari divisi Front End dan Back End sewaktu saya di institusi tersebut. Di sana saya banyak mendapatkan pelajaran yang berharga terutama tentang kolaborasi antar anggota team. Saya memiliki hobi terkait web design dan technical writter aau copy writter seputar teknologi. Jika ingin mengetahui informasi saya lebih lanjut. Silahkan hubungi saya di alamat email bahrulrozak02@gmail.com atau follow social media saya di

Instagram : https://instagram.com/rozak.dexamethasone

Linkedin : https://linkedin.com/in/bahrul-rozak

Stackoverflow : https://stackoverflow.com/users/20835639/bahrul-rozak

Github : https://github.com/Bahrul-Rozak