Memanggil Fungsi JavaScript

View Categories

Memanggil Fungsi JavaScript

Block coding (kumpulan coding) dalam fungsi JavaScript akan dieksekusi apabila fungsi tersebut dipanggil oleh coding lain.

Memanggil Fungsi

Fungsi dapat dipanggil dengan menyebutkan nama fungsi dan memberikan nilai-nilai parameternya.

function myFunction(a, b) {
  return a * b;
}
myFunction(10, 2);           // Will return 20

Jalankan Contoh

Fungsi juga dapat dipanggil dari object window. Pada prakteknya tidak disarankan untuk memanggil fungsi dari object window. Object window adalah object global yang terdapat pada web browser.

function myFunction(a, b) {
  return a * b;
}
window.myFunction(10, 2);    // Will also return 20

Jalankan Contoh

Keyword this

Keyword this adalah object yang menjadi pemilik baris coding yang sedang dieksekusi. Apabila dipanggil dalam fungsi maka this adalah object yang memiliki fungsi tersebut.

Apabila this dipanggil pada fungsi atau code yang tidak memiliki object pemilik maka this bernilai object global. Object global ini adalah object window.

var x = myFunction();            // x will be the window object

function myFunction() {
  return this;
}

Jalankan Contoh

Memanggil Fungsi Dalam Object

Fungsi dapat dideklarasikan sebagai fungsi dalam object. Contoh di bawah ini memperlihatkan object myObject dengan dua properti firstName dan lastName dan satu fungsi fullName.

var myObject = {
  firstName:"John",
  lastName: "Doe",
  fullName: function () {
    return this.firstName + " " + this.lastName;
  }
}
myObject.fullName();         // Will return "John Doe"

Jalankan Contoh

Keyword this pada fungsi dalam object adalah object itu sendiri. Pada contoh di atas, this adalah object myObject sehingga kita bisa mengambil nilai properti firstName dan lastName melalui keyword this.

var myObject = {
  firstName:"John",
  lastName: "Doe",
  fullName: function () {
    return this;
  }
}
myObject.fullName();          // Will return [object Object] (the owner object)

Jalankan Contoh

Pada contoh di atas, this adalah object myObject sehingga kita bisa mengambil object myObject itu sendiri melalui keyword this.

Tutorial sebelumnya : Parameter Pada Fungsi
Tutorial setelahnya : Konsep Scope
Semua Tutorial JavaScript : Tutorial JavaScript 

Tinggalkan Balasan