Object shorthand adalah cara menyimpan nilai variabel di properti object. Aturan utama ketika menggunakan cara object shorthand adalah nama variabel dan nama properti di objek yang bersangkutan harus sama. Object shorthand memungkinkan kita untuk menulis properti objek dengan lebih singkat.

Sebagai contoh, kita akan menyimpan nilai dari beberapa variabel di properti object. Jika tidak menggunakan cara object shorthand, penulisannya seperti ini:

Mari kita coba refactor kode diatas dengan object shorthand:

Object Shorthand di Parameter Fungsi

Object shorthand dapat digunakan dalam parameter fungsi dan dijadikan sebagai nilai properti di objek yang dideklarasikan di dalam fungsi tersebut.

Sama seperti di variabel, object shorthand hanya bisa digunakan apabila nama parameter pada fungsi sama dengan nama properti dari objek yang bersangkutan.

Contoh tanpa menggunakan cara object shorthand:


Mari kita coba refactor kode diatas dengan object shorthand:


Atau, kita juga bisa menggunakan object shorthand dan arrow function dari ES6 seperti ini:

Object Shorthand untuk Mendeklarasikan Method

Object shorthand juga dapat digunakan untuk mendeklarasikan method (fungsi yang ada di dalam objek). Dengan cara object shorthand, kita tidak perlu menulis nama properti secara spesifik selama nama fungsi sama dengan nama properti di objek.


Mari kita coba refactor kode diatas dengan object shorthand:


Atau, kita juga bisa menggunakan object shorthand dan arrow function dari ES6 seperti ini:


Selesai.

Referensi:
https://minarsih.com/artikel/belajar-javascript-51-object-shorthand