Catatan Jimboy

Object Property, First Class Function dan Array di Javascript

June 30, 2018

Object Property

const obj = {
  greet: 'hello'
};

console.log(obj.greet); // hello
console.log(obj['greet']); // hello

Pada kode diatas, kita dapat mengakses object property pada Javascript dengan 2 cara yaitu.

  1. Menggunakan tanda titik obj.greet dan;
  2. Tanda kurung siku obj['greet'] seperti halnya kita mengakses index pada sebuah array.

Cara kedua lebih dinamis karena kita menggunakan string, bisa saja string itu kita simpan dalam sebuah variabel kan?

const obj = {
  greet: 'hello'
};
const prop = 'greet';
console.log(obj[prop]); // hello

First Class Function dan Array

Apa maksud First Class Function di javascript ? Maksudnya adalah fungsi dapat disimpan dalam sebuah variabel. Jadi pada dasarnya fungsi adalah nilai.

const sayHello = () => {
  console.log('hello');
};

const greet = sayHello;
greet(); // hello

Pada contoh diatas fungsi dapat kita simpan dalam sebuah variabel sayHello yang kemudian kita simpan dalam variabel greet. Ini memungkinkan fungsi ini dapat kita panggil kapan saja saat diperlukan.

Nah bagaimana kalau kita masukan dalam sebuah array ?

const arr = [];

arr.push(() => console.log('Hello world 1'));
arr.push(() => console.log('Hello world 2'));
arr.push(() => console.log('Hello world 3'));

console.log(arr); // [ [Function], [Function], [Function] ]

arr.forEach(greet => greet());
// Hello world 1
// Hello world 2
// Hello world 3

2 Konsep javascript ini akan digunakan pada artikel selanjutnya, membuat Event Emitter di Javascript


Kyle Mathews

Ditulis oleh Wayan Jimmy tinggal di Bali, Pemrogram web, Penggemar pempek Palembang. Sekarang lagi apa ?