Tentang binding this

​

1. Latar belakang

• Untuk memahami binding this, pertama-tama Anda harus memahami cara kerja this di JavaScript.
• Pada sebagian besar kasus, nilai this ditentukan oleh cara sebuah fungsi dipanggil (runtime binding). Nilai ini tidak dapat ditetapkan saat eksekusi dan bisa berbeda setiap kali fungsi dipanggil. ES5 memperkenalkan metode bind untuk menetapkan nilai this pada sebuah fungsi terlepas dari cara fungsi tersebut dipanggil. ES2015 memperkenalkan arrow function yang tidak menyediakan binding this-nya sendiri (this mempertahankan nilai dari konteks leksikal yang membungkusnya).

​

2. this pada action panel YiDA

• Setelah memahami cara kerja this di JavaScript, Anda hanya perlu memeriksa apakah kata kunci export digunakan saat memanggil fungsi pada action panel YiDA.
• Rekomendasi: Untuk fungsi utilitas murni yang tidak melibatkan konteks halaman apa pun — misalnya, membuat string acak dengan function uid() { return new Date().getTime().toString(32); } — jangan gunakan kata kunci export. Selain itu, semua metode harus menggunakan kata kunci export dan dipanggil dengan this.

export function a() {
  console.log(this);
}

export function b() {
  this.a(); // Benar. Metode a dapat mengakses konteks this rendering engine YiDA dengan benar.
  a(); // Salah. Metode a tidak dapat mengakses konteks this rendering engine YiDA.
}

function a() {
  console.log(this);
}

export function b() {
  this.a(); // Salah dan memicu error. Metode a tidak diimpor melalui kata kunci export, sehingga tidak dapat dipanggil menggunakan konteks this rendering engine YiDA.
  a(); // Salah. Metode a tidak dapat mengakses konteks this rendering engine YiDA.
}

export function a() {
  console.log(this);
}

function b() {
  a(); // Salah. Metode b tidak menggunakan kata kunci export dan tidak dipanggil melalui this.a(), sehingga metode a tidak dapat mengakses konteks this rendering engine YiDA.
}