Scribd Logo
Unggah

Selamat datang di Scribd!

  • Pengertian Fungsi

    Diunggah oleh

    abbey
    11 tayangan5 halaman

    Hak Cipta

    © © All Rights Reserved

    Format Tersedia

    DOCX, PDF, TXT atau baca online dari Scribd

    Apakah menurut Anda dokumen ini bermanfaat?

    Apakah konten ini tidak pantas?

    Laporkan Dokumen Ini

    Hak Cipta:

    © All Rights Reserved
    Unduh sebagai DOCX, PDF, TXT atau baca online dari Scribd
    Tandai sebagai konten tidak pantas
    11 tayangan5 halaman

    Pengertian Fungsi

    Diunggah oleh

    abbey

    Hak Cipta:

    © All Rights Reserved
    Unduh sebagai DOCX, PDF, TXT atau baca online dari Scribd
    Tandai sebagai konten tidak pantas
    dari 5

    Pengertian Fungsi

    Fungsi JavaScript adalah blok kode yang dirancang untuk melakukan tugas tertentu.

    Fungsi JavaScript dijalankan ketika "sesuatu" memanggilnya.

    Aturan Membuat Fungsi


    1. Fungsi JavaScript didefinisikan dengan keyword "function", lalu diikuti oleh nama fungsi, lalu diikuti
    oleh tanda kurung ().
    2. Nama fungsi dapat berisi huruf, angka, underscore (_), dan tanda dolar (aturan yang sama dengan
    variabel).
    3. Tanda kurung termasuk nama parameter dipisahkan oleh koma, contohnya seperti (parameter1,
    parameter2, ...)

    4. Kode yang akan dieksekusi ditempatkan di dalam kurung kurawal: {}

    Membuat Fungsi
    Berikut sintaks untuk membuat fungsi.

    Sintaks

    function name(parameter1, parameter2, parameter3)

    code to be executed

    Fungsi dengan "return"


    Fungsi JavaScript dapat ditambahkan dengan statement "return" untuk mengembalikan data.

    function kalikanAngka(a, b)

    return a*b; //Function mengembalikan hasil kali antara a dan b

    Sebuah fungsi JavaScript akan selalu mengembalikan "return" meskipun kita


    tidak menentukan isi dari return tersebut.
    Contoh

    <!DOCTYPE html>
    <html>

    <body>

    <div id="data"></div>

    <script>

    function kalikanAngka(angka1, angka2)

    return angka1*angka2;

    console.log(kalikanAngka(5,20));

    </script>

    </body>

    </html>

    Pada contoh di atas, kita membuat fungsi dengan nama fungsi kalikanAngka dengan


    parameter angka1 dan angka2.

    function kalikanAngka(angka1, angka2)

    return angka1*angka2;

    Fungsi tersebut mengembalikan data angka1 dikalikan angka2.

    Untuk menampilkan output dari pemanggilan fungsi tersebut, kita bisa menggunakan console.log lalu panggil
    fungsi disertai dengan mengirim angka1 dan angka2.

    console.log(kalikanAngka(5,20));

    Output yang dihasilkan adalah hasil dari perkalian antara angka1 dan angka2.

    Bila ingin menampilkan outputnya di halaman browser, kita bisa menggunakan kode di bawah ini.
    document.getElementById('data').innerHTML=kalikanAngka(5,20);

    Kita juga dapat menambahkan output dari fungsi seperti di bawah ini.

    function kalikanAngka(angka1, angka2)

    console.log("Hasil dari perkalian "+angka1+" dengan "+angka2);

    return angka1*angka2;

    Variabel lokal pada Fungsi


    Variabel yang dideklarasikan dalam fungsi JavaScript, menjadi variabel lokal (hanya di fungsi tersebut).

    Variabel lokal hanya dapat diakses dari dalam fungsi.

    //Kode disini tidak bisa menggunakan variabel namaMobil

    function fungsiMobil()

    var namaMobil = "Avanza";

    //Kode disini dapat menggunakan variabel namaMobil

    //Kode disini tidak bisa menggunakan variabel namaMobil

    Contoh
    <!DOCTYPE html>

    <html>

    <body>

    <div id="data"></div>

    <div id="data2"></div>

    <script>

    fungsiMobil();

    function fungsiMobil()

    var namaMobil = "Avanza";

    document.getElementById('data').innerHTML='Pemanggilan di dalam fungsi


    '+namaMobil;

    document.getElementById('data2').innerHTML='Pemanggilan di luar fungsi


    '+namaMobil;

    </script>

    </body>

    </html>

    Outputnya ketika kita gunakan namaMobil di dalam fungsi maka akan tercetak sedangkan ketika kita gunakan di
    luar fungsi maka tidak dikenali.

    Demikian pembahasan tentang fungsi pada JavaScript, semoga mudah dipahami.

    Anda mungkin juga menyukai