Arrow Function Expression
123456789101112131415161718192021222324252627282930313233343536373839
/*ES6 memperkenalkan fungsi baru yang dinamakan arrow function expression
atau lebih dikenal sebagai arrow function. Arrow function mirip seperti
regular function secara perilaku, namun penulisannya jauh berbeda.
Sama seperti namanya, fungsi didefinisikan dengan
menggunakan tanda panah (=>)
dan tentu penulisan fungsi dengan arrow ini akan lebih singkat. */
// contoh penulisan regular fungsi
const upperizedNames = ['Dimas', 'Hifni', 'Rizki']
.map(function(name){
return name.toUpperCase();
});
/*
map() berfungsi utk merubah semua elemen di dalam array menjadi elemen
dgn nilai yang baru, contoh nya disamping kita merubah huruf menjadi
kapital semua
Apa yang dilakukan : Melintasi array dari kiri ke kanan dan memanggil
fungsi callback ke setiap elemen. Setelah semua elemen berhasil dilintasi,
fungsi map() mengembalikan array baru dengan elemen-elemen yang baru.
array.map( function(element, index, array) {
...
}, thisArgument);
Parameter :
1.element (nilai dari elemen)
2.index (index dari tiap lintasan, dari kiri ke kanan ( 0 ke N ) )
3.array (array semula yang memanggil fungsi ini)
4.thisArgument ( Opsional, object yang akan di arahkan sebagai this di dalam fungsi callback )
*/
console.log(...upperizedNames);
// contoh ketika menggunakan arrow function
const upperizedNamesArrow = ['Hifni', 'Hami', 'Amara']
.map(name => name.toUpperCase());
// tanda panah (=>) di letakkan diaantara parameter dan kode fungsinya.
console.log(... upperizedNamesArrow);
JavaScript
INFO