Function

Anda sudah pun menggunakan function: console.log(...), Math.round(...), name.trim(). Seseorang menulisnya sekali, dan kini semua orang boleh memanggilnya. Sekarang anda akan menulis function anda sendiri.

// declare: the recipe (nothing runs yet)
function teaPrice(cups, pricePerCup) {
  return cups * pricePerCup;
}

// call: actually run it, with real values
const total = teaPrice(3, 2.8);   // 8.4 (well, 8.399999999999999 — remember lesson 3!)
console.log(teaPrice(1, 2.8));    // 2.8

Parameter

Nama pemegang tempat dalam pengisytiharan: cups, pricePerCup. Seperti variable yang hanya wujud di dalam function.

Argument

Nilai sebenar yang anda hantar semasa memanggil: 3 dan 2.8. Argumen mengisi parameter mengikut urutan.

return

Menyerahkan nilai kembali kepada pemanggil function, dan menghentikan function itu serta-merta.

return vs console.log

Ini kekeliruan paling biasa bagi pemula. console.log menunjukkan nilai kepada anda, si developer — kemudian nilai itu hilang. return memberikan nilai itu kembali kepada kod anda, supaya ia boleh disimpan, digunakan dalam kira-kira, atau dihantar kepada function lain. Function tanpa return memulangkan undefined.

function double(n) {
  console.log(n * 2);
}
const x = double(5); // prints 10
console.log(x + 1);  // NaN — x is undefined!

function double(n) {
  return n * 2;
}
const x = double(5); // x is 10
console.log(x + 1);  // 11

Arrow function

Arrow function ialah cara lebih ringkas untuk menulis function, disimpan dalam const. Jika badannya satu ungkapan sahaja, anda boleh buang { } dan return — nilai itu dipulangkan secara automatik.

// all three do the same thing
function square(n) {
  return n * n;
}

const square2 = (n) => {
  return n * n;
};

const square3 = (n) => n * n; // short form: implicit return

Skop: siapa boleh lihat apa

const shop = "Kedai Kopi WAN";     // outside: visible everywhere below

function receipt(amount) {
  const line = shop + ": RM" + amount; // inside can see outside ✔
  return line;
}

console.log(receipt(5));
console.log(line); // ReferenceError: line is not defined ✘

Variable yang dicipta di dalam function (termasuk parameternya) hanya wujud di dalam { } function itu — itulah skopnya. Kod di dalam boleh membaca variable dari luar, tetapi bukan sebaliknya. Ini memastikan function kemas: kerja kiranya tidak bocor ke bahagian lain program anda. Lebih baik hantar nilai sebagai parameter daripada mencapai variable di luar.