Fungsi dalam JavaScript - Praktikum 8 Part 2

 


Assalamualaikum warahmatullahi wabarakatuh

Bagaimana kabarnya sobat-sobat sekalian? saya harap baik-baik saja yah, disini juga Alhamdulillah baik-baik saja. Sobat, jangan lupa bersyukur dan belajar yah. 

Okey, izinkan saya memperkenalkan diri terlebih dahulu, perkenalkan: 

Ilham Prabu Zaky Setiawan
XI RPL 2
Absen 15
SMK Negeri 4 Bandung


Okey, langsung saja ke inti pembahasan.
Jadi dipertemuan kali ini tuh kita akan membahas function dalam JavaScript, dimulai dari bagaimana cara kerjanya, fungsi tuh sebenarnya untuk apa?, bagaimana pengimplementasiannya?, hingga latihannya.

Sudah tidak sabar bukan? Mari kita pelajari bersama.

Fungsi

Apa sih itu fungsi dalam pemrograman itu?
  • Fungsi dalam pemrograman merupakan suatu mekanisme yang digunakan untuk mengelompokkan program dalam menyelesaikan suatu kasus, proses atau rumus aritmatika tertentu.
  • Fungsi dalam proses pemanggilannya (excecution) ada yang membutuhkan data tertentu agar dapat berjalan.
  • Data tertentu yang perlu diberikan saat pemanggilan fungsi ini dikenal dengan nama parameter. Setiap fungsi dapat tidak memiliki atau memiliki lebih dari satu parameter.
  • Aturan penamaan fungsi mengikuti aturan penamaan variabel

Nilai Balik

Apa sih itu nilai balik dalam pemrograman itu? apa keterkaitannya dalam suatu fungsi? 
  • Nilai balik adalah nilai hasil operasi yang dijalankan didalam fungsi diberikan ke bagian program lainnya untuk diproses lebih lanjut.
  • Nilai balik dalam javascript dinyatakan dengan menggunakan kata kunci return.
  • Contoh kasusnya dalam program penghitung luas dan volume limas. Dimana dalam perhitungan volume juga terdapat menyertakan perhitungan luas didalamnya.
  • Dengan kata lain untuk menghitung volume limas kita harus menghitung luas alasnya terlebih dahulu. Dalam program, proses ini diterjemahkan sebagai berikut.

Fungsi Biasa

Fungsi biasa, fungsi ini ditulis dapat dengan tanpa/ ada parameter(variable in scope) serta tanpa/ ada return atau nilai balik, dalam bahasa pemrograman lain dapat disebut sebagai fungsi void yang berarti kosong, sehingga dalam pemanggilan fungsinya hanya dengan menuliskan sebagai:  nama_fungsi().
Yang nantinya fungsi akan dipanggil pada baris code berikutnya, 
berikut merupakan penulisannya: 

<!DOCTYPE html>
<html lang="en">
<head>
     <title>Ilham Prabu Zaky S - XI RPL 2</title>
</head>
<body>
    <p id="fungsi">
          <script>
               function hitungLuasAlas (panjang, llebar) {
                    var luas = panjang * lebar;
                    return luas;
               }

               function hitungVolume (luasAlas, tinggi) {
                    var volume = luasAlas * tinggi / 2;
                    return volume;
               }

               var panjang = 5;
               var lebar = 3;
               var tinggi = 4;
               var luasAlas; 
               var volume;

               var isi = '';
               luasAlas = hitungLuasAlas(panjang, lebar);
               volume = hitungVolume(luasAlas, tinggi);
               alert("Ini adalah luas alas ==> : " + luasAlas + "\nIni adalah Volume ==> : " + volume);
          </script>
    </p>
</body>
</html>

Ketika dibuka di browser: 



Fungsi Tanpa Return

Fungsi ini merupakan fungsi yang ditulis dengan tanpa melibatkan return atau nilai balik, diakhir baris codenya. Dalam bahasa pemrograman lain dapat disebut sebagai fungsi void yang berarti kosong, sehingga dalam pemanggilan fungsinya hanya dengan menuliskan sebagai:  nama_fungsi()Yang nantinya fungsi akan dipanggil pada baris code berikutnya, 
berikut merupakan penulisannya: 

<!DOCTYPE html>
<html lang="en">

<head>
     <title>Ilham Prabu Zaky S - XI RPL 2</title>
</head>

<body>
     <p id="fungsi">
          <script>
               function menyapa(nama) {
                    alert("Halo, namaku adalah " + nama);
               }
               menyapa("Ilham Prabu Zaky S");
               function sayHi() {
                    alert("Halo, saya adalah siswa")
               }
               sayHi();
          </script>
     </p>
</body>

</html>

Ketika dibuka di browser: 




Fungsi ChartAt

Fungsi ini merupakan fungsi yang berkaitan dengan String, karena fungsi ini merupakan suatu fungsi yang memiliki kegunaan untuk mengetahui character apa yang terkandung dalam suatu kata/kalimat/String dengan menyertakan index pada scopenya. 
berikut merupakan penulisannya: 

<!DOCTYPE html>
<html lang="en">

<head>
     <title>Ilham Prabu Zaky S - XI RPL 2</title>
</head>

<body>
     <p id="fungsi">
          <script>
               function menyapa(nama) {
                    alert("Halo, namaku adalah " + nama);
               }
               menyapa("Ilham Prabu Zaky S");
               function sayHi() {
                    alert("Halo, saya adalah siswa")
               }
               sayHi();
          </script>
     </p>
</body>

</html>

Ketika dibuka di browser: 



Fungsi IndexOf

Fungsi ini merupakan fungsi yang berkaitan erat dengan String juga dikarenakan fungsi ini memiliki suatu kegunaan yakni untuk mengetahui index dari suatu character.
berikut merupakan penulisannya: 

<!DOCTYPE html>
<html lang="en">

<head>
     <title>Ilham Prabu Zaky S - XI RPL 2</title>
</head>

<body>
     <p id="fungsi">
          <script>
               var nama = "SMK Negeri 4 Bandung";
               var dimanaKata = nama.indexOf("Bandung");
               // dimanaKata akan bernilai 13
               alert("Berdasarkan fungsi ini, kata 'Bandung' berada di urutan ke " + dimanaKata + "\nDari kalimat asal " + nama);
          </script>
     </p>
</body>

</html>

Ketika dibuka di browser: 



Kesimpulan 

Nah setelah sekian banyaknya jenis dari function atau biasa kita sebut fungsi, kita tentunya sudah cukup banyak mempelajarinya berdasarkan semua materi diatas, setelah mempelajari tentu kita dapat menyimpulkan bahwa: 
  • Function merupakan sebuah sub program / sub-routine yang dapat dipanggil di bagian lain program
  • Merupakan struktur dasar pembentuk dari JavaScript
  • Untuk menggunakannya kita harus membuatnya terlebih dahulu lalu memanggilnya
  • Function memiliki dua jenis berdasarkan asalnya, yakni function yang kita buat sendiri atau function-inbuild  (function dari JavaScriptnya sendiri)
  • Function ada dua berdasarkan bentuknya, yakni function disertai return / nilai balik atau function tanpa return atau no return function

Mungkin cukup sekian materi Fungsi pada JavaScript. Cukup singkat materinya dimulai dari pengenalan hingga pengimplementasiannya. Semoga sobat-sobat codingers paham, mengerti dan menguasainya. 

Mohon maaf jika terdapat tutur kata yang tidak berkenan dihati anda. Mohon maaf atas semua kesalahan yang telah saya perbuat, tolong berikan koreksi mengenai bagian mana yang salah/kurang pas dalam postingan ini, untuk pengembangan lebih baik kedepannya.

Sekian, saya ucapkan terimakasih banyak atas waktu yang telah diluangkan, saya ucapkan kembali mohon maaf atas segalanya kesalahan. 

Wabilahiltaufik walhidayah,
Wassalamu'alaikum warahmatullahi wabarakatuh
Keep Coding Stay Awesome

1 Response to "Fungsi dalam JavaScript - Praktikum 8 Part 2"

Postingan Terbaru

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel