Pertemuan ke 5 - Javascript - fungsi

FUNGSI

1. Apa itu fungsi ?
    Fungsi adalah sub-program yang bisa digunakan kembali baik di dalam program itu sendiri, maupun di program yang lain.
Fungsi di dalam Javascript adalah sebuah objek. Karena memiliki properti dan juga method.


2. Cara membuat fungsi
    Ada 4 cara yang bisa kita lakukan untuk membaut fungsi di Javascript:
    1. Menggunakan cara biasa;
        Cara ini paling sering digunakan, terutama buat yang baru belajar Javascript.
        function namaFungsi(){
        console.log("Hello World!");
        }
    2. Menggunakan ekspresi;
        Cara membuat fungsi dengan ekspresi:
        var namaFungsi = function(){
        console.log("Hello World!");
        }
        Kita menggunakan variabel, lalu diisi dengan fungsi. Fungsi ini sebenarnya adalah fungsi anonim (anonymous function) atau fungsi tanpa nama.
    3. Menggunakan tanda panah (=>);
        Cara ini sering digunakan di kode Javascript masa kini, karena lebih sederhana. Akan tetapi sulit dipahami bagi pemula. Fungsi ini mulai muncul pada standar ES6.
        Contoh:
        var namaFungsi = () => {
        console.log("Hello World!");
        }
        // atau seperti ini (jika isi fungsi hanya satu baris):
        var namaFungsi = () => console.log("Hello World!");
        Sebenarnya hampir sama dengan yang menggunakan ekspresi. Bedanya, kita menggunakan tanda panah (=>) sebagai ganti function.
Pembuatan fungsi dengan cara ini disebut arrow function.
    4. Menggunakan Constructor.
        Cara ini sebenarnya tidak direkomendasikan oleh Developer Mozilla, karena terlihat kurang bagus. Soalnya body fungsinya dibuat dalam bentuk string yang dapat mempengaruhi kinerja engine javascript.
        Contoh:
        var namaFungsi = new
        Function('console.log("Hello World!");');


3. Cara memanggil/eksekusi fungsi
    Untuk memanggil fungsi yang telah dibuat adalah dengan cara memanggil nama fungsinya saja.
    Contoh:
    // membuat fungsi
    function sayHello(){
    console.log("Hello World!");
    }

    // memanggil fungsi
    sayHello() // maka akan menghasilkan -> Hello World!

hasilnya :

4. Fungsi dengan parameter

    Parameter adalah variabel yang menyimpan nilai untuk diproses di dalam fungsi.

    Contoh:

    function kali(a, b){

    hasilKali = a * b;

    console.log("Hasil kali a*b = " + hasilKali);

    }

    Pada contoh di atas, a dan b adalah sebuah parameter.

    Lalu cara memanggil fungsi yang memiliki parameter adalah seperti ini:

    kali(3, 2); // -> Hasil kali a*b = 6

    Kita memberikan 3 untuk parameter a dan 2 untuk parameter b.

5. Fungsi yang mengembalikan nilai
    Agar hasil pengolahan nilai di dalam fungsi dapat digunakan untuk proses berikutnya, maka fungsi harus mengembalikan nilai.
Pengembalian nilai pada fungsi menggunakan kata kunci return kemudian diikuti dengan nilai atau variabel yang akan dikembalikan.
Contoh:

Berikut ini isi file index.html

Berikut ini isi file fungsi.js

Hasilnya :