Javascript 5 : Function (Part 1–Intro)

Memahami konsep IF/ELSE statement perlu dalam sesuatu penggunaan pengaturcaraan. Contoh IF/ELSE adalah seperti:

var speed = 65;

// Complete the condition in the ()s on line 4
if (speed > 80 ) 
{
    // Use console.log() to print "Slow down"
    console.log("Slow Down");
} 
else 
{
    // Use console.log() to print "Drive safe"
console.log("Drive Safe");
} 

Apa itu function? Fahami konsep function sebelum membuat programming. Function boleh diumpamakan  seperti membuat cake. Dengan andaian jalan dan cara membuat cake adalah sama, cuma mungkin input kemanisan atau bahan sahaja berbeza.

Function:

1) Panaskan api sehingga 300 darjah

2) Campur semua bahan ramuan kedalam mangkuk

3) Letakkan ramuan yang telah dicampur itu kedalam oven sehingga 30 minit.

Caranya sama, cuma output sahaja yang berbeza kerana input (jumlah ramuan, kandungan gula) mungkin berbeza.  Contoh 10 sudu gula+ramuan buat kek coklet(input), kemudian kita panggil function iaitu tiga step diatas. Input diproses dan mengeluarkan output berbeza bergantung kepada input yang diberikan.

 

// This is what a function looks like:

var divideByThree = function (number) {
    var val = number / 3;
    console.log(val);
};

// On line 12, we call the function by name
// Here, it is called 'dividebythree'
// We tell the computer what the number input is (i.e. 6)
// The computer then runs the code inside the function!

divideByThree(6);

Kita menghantar nombor 6 untuk dimasukkan kedalam oven DivideByThree, Oven memproses dengan membahagikan 3 dengan 3, dan oven function mengeluarkan output iaitu 2. Jika kita masukkan input 9, function akan proses dgn bahagikan kepada 3 dan mengeluarkan output iaitu 3.

// Below is the greeting function!
// See line 7
// We can join strings together using the plus sign (+)
// See the hint for more details about how this works.

var greeting = function (name) {
    console.log("Great to see you," + " " + name);
};

greeting("Mr Encraptor");
// On line 11, call the greeting function!

Great to see you, Mr Encraptor

Latihan:

1) Bina satu function, berikan nama FoodDemand

2) Kamu boleh masukkan apa sahaja nama makanan, tapi kami hanya ingin panggil dengan panggilan food sahaja untuk display apa yang kamu masukkan.

3) Akhiri dengan output seperti dibawah untuk display:

console.log("I want to eat" + " " + food);

// Write your foodDemand function below.
// Last hint: In your reusable block of code, end each line
// with a semicolon (;)
var foodDemand = function (food) {
    
    console.log("I want to eat" + " " + food);
    
}

foodDemand("kek");

I want to eat kek

// Nicely written function:
var calculate = function (number) {
    var val = number * 10;
    console.log(val);
};

Contoh function sebelum dipanggil.

Cara panggil adalah tulis nama function dan letak input nombor yang dikehendaki.

contoh:

calculate(6);