Function di Javascript

basit.MNK       JavaScript    Comment   

Function adalah sekumpulan kode yang dibuat untuk menjalankan tugas tertentu dan dapat dipanggil berulang kali.

Analogi:
Function seperti mesin → ketika dipanggil, mesin bekerja sesuai perintah.

1. Function Tanpa Parameter

Function tanpa parameter adalah function yang tidak menerima data dari luar.

// Contoh Sintaks

function sapa() {

  console.log("Halo siswa SMK!");

}

// Cara memanggil function

sapa()

2. Function Dengan Parameter

Function dengan parameter adalah function yang menerima data dari luar untuk diproses.

// Contoh Sintaks

function sapa(nama) {

  console.log("Halo " + nama);

}

// Cara memanggil function

sapa(budi)

sapa(andi)

Penjelasan:

• nama → disebut parameter

• "Andi" dan "Budi" → disebut argume

 3. Contoh Function Dengan Lebih dari Satu Parameter

function hitungLuas(panjang, lebar) {

  let luas = panjang * lebar;

  console.log("Luas = " + luas);

}

hitungLuas(5, 4);

// output Luas = 20

Studi kasus Function

function nilaiAkhir(nilai) {

  if (nilai >= 75) {

    console.log("Lulus");

  } else {

    console.log("Tidak Lulus");

  }

}

nilaiAkhir(80);

4. Function dengan return (JavaScript)

Apa itu return?

return adalah perintah untuk mengembalikan nilai dari function ke pemanggilnya.

// tanpa return

//Hasil hanya ditampilkan

//Tidak bisa disimpan ke variabel

function tambah(a, b) {

  console.log(a + b);

}

tambah(5, 3);

// dengan return

function tambah(a, b) {

  return a + b; // mengembalikan nilai

}

let hasil = tambah(5, 3); // nilai di simpan dalam variable

console.log(hasil);

5. Function return Dengan Percabangan

function cekNilai(nilai) {

  if (nilai >= 75) {

    return "Lulus";

  } else {

    return "Tidak Lulus";

  }

}

console.log(cekNilai(80));

console.log(cekNilai(60));

latihan : 

• Buat function return untuk penjumlahan
• Buat function untuk menentukan ganjil/genap
• Buat function untuk menentukan grade nilai

6. Pengertian Function Expression

Function Expression adalah function yang disimpan ke dalam variabel.

Analogi:
Function declaration = nama langsung
Function expression = function disimpan di kotak (variabel)

let sapa = function () {

  console.log("Halo siswa SMK");

};

sapa();

// Function Expression Dengan Parameter

let sapaNama = function (nama) {

  console.log("Halo " + nama);

};

sapaNama("Andi");

sapaNama("Budi");

// Function Expression Dengan return

let tambah = function (a, b) {

  return a + b;

};

let hasil = tambah(4, 6);

console.log(hasil);

latihan :

Buat function expression dengan return untuk menghitung penjumlahan

7. Arrow Function

Arrow Function adalah bentuk singkat dari function expression yang menggunakan tanda =>




// function biasa

let sapa = function () {

  console.log("Halo siswa");

};

// function arrow

let sapi = () => {

  console.log("Halo siswa");

};







8. Arrow Function dengan Parameter

// Jika hanya satu parameter, tanda kurung () boleh dihilangkan.

let sapaNama = nama => {

  console.log("Halo " + nama);

};

sapaNama("Andi");

// Lebih dari Satu Parameter

let tambah = (a, b) => {

  console.log(a + b);

};

tambah(5, 3);







9. Arrow Function dengan return

// Versi Lengkap

let kali = (a, b) => {

  return a * b;

};

console.log(kali(4, 6));

// Versi Singkat (Implicit Return)

let kal = (a, b) => a * b;

console.log(kal(4, 6));










10. Arrow Function Tanpa Parameter




let pesan = () => "Selamat Belajar JavaScript";

console.log(pesan());










11. Arrow Function untuk Percabangan




let cekNilai = nilai =>

  nilai >= 75 ? "Lulus" : "Tidak Lulus";

console.log(cekNilai(80));

console.log(cekNilai(60));










12. Perbedaan Function Biasa & Arrow Function

Function Biasa	Arrow Function
Menggunakan function	Menggunakan =>
Kode lebih panjang	Kode lebih singkat
Bisa berdiri sendiri	Biasanya disimpan ke variabel