Assignment - JavaScript Dasar untuk React - "this" keyword

Sebelum kalian mengerjakan assignment alangkah baiknya kalian untuk mempelajari apa itu javascipt dasar untuk react tentang "this" keyword.

Tapi...... jika kalian sudah mempelajarinya yukk .. kalian bisa langsung check assignment nya .... Selamat Mengerjakan :)

Question 1

Jelaskan istilah dari this di JavaScript!

Question 2

Ubahlah beberapa function dibawah ini ke bentuk arrow function

function getNamaLengkap(namaDepan, namaBelakang) {
   return `${namaDepan} ${namaBelakang}`;
}
 
function getNamaDepan(namaLengkap) {
   return namaLengkap.split(' ')[0];
}
 
function consoleHai() {
   console.log('hai');
}

Question 3

Di bawah ini, jika kita memanggil fungsi getName yang ada di object sebuahObject, maka kita berhasil mendapatkan outputnya. Namun, jika kita memanggil fungsi getName yang ada di object sebuahObjectLain, maka kita akan mendapatkan output undefined. Apa yang salah dari object sebuahObjectLain ? dan bagaimana cara memperbaikinya ? Jelaskan!

const sebuahObject = {
   name: 'Bejo Jhonson',
   getName() {
       return this.name;
   }
}
 
const sebuahObjectLain = {
   name: 'Bejo Jhonson',
   getName: () => this.name
}

Soal 4

Dapatkah code dibawah ini berjalan dengan benar ? Jelaskan apa yang terjadi!

const profil = {
   namaDepan: 'Bejo',
   namaBelakang: 'Jhonson',
   getName() {
       this.name = `${this.namaDepan} ${this.namaBelakang}`;
       return this.name;
   }
}

profil.getName();