Contoh Arrow Function Expression Javascript

122 Dilihat
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.
Untuk gambaran awal, perhatikan penulisan regular fungsi sebagai callback berikut:
    

  1. const upperizedNames = ["Dimas", "Widy", "Buchori"]
    2. 

  2.     .map(function(name) {
    3. 

  3.         return name.toUpperCase();
    4. 

  4. });
    5. 

  5.  
    6. 

  6. console.log(...upperizedNames);
    7. 

  7.  
    8. 

  8. /* output:
    9. 

  9. DIMAS WIDY BUCHORI
    10. 

  10. */
    11.
Sedangkan menggunakan arrow function akan tampak seperti ini:
    

  1. const upperizedNames = ["Dimas", "Widy", "Buchori"]
    2. 

  2.     .map(name => name.toUpperCase());
    3. 

  3.  
    4. 

  4. console.log(...upperizedNames);
    5. 

  5.  
    6. 

  6. /* output:
    7. 

  7. DIMAS WIDY BUCHORI
    8. 

  8. */
    9.
Pada kasus fungsi yang dituliskan dalam satu baris dengan arrow function kita dapat menghapus kata function, tanda kurung, tanda kurawal, kata return, dan semicolon (;). Kita hanya perlu menambahkan tanda panah (=>) di antara parameter dan kode fungsinya.
202003121515581fc4405ca9a25eada9cbaf9598bf18e1.gif
Lihat betapa sederhananya jika kita menggunakan arrow function

Halaman: 1 2
Post Views: 122
Catatan Penting: Tulisan ini dilindungi oleh hak cipta. Dilarang keras mengambil, menyalin, atau menyebarluaskan isi tulisan tanpa persetujuan tertulis dari media atau penulis.

Pos terkait