Apa itu polyfilling di JavaScript dan Bagaimana cara kerja callback

30/4 dari Solusi dan Penjelasan JavaScript LeetCode selama 30 hari

Masalahnya saat ini memerlukan sedikit pengenalan tentang cara kerja callback dan cara menggunakannya untuk mengkodekan beberapa Metode Modern seperti peta

Jadi mari kita langsung ke pertanyaan pertama

Apa itu Polifilling?

Ini adalah topik yang sangat mendasar namun penting untuk dipahami karena ini akan membantu kode Anda menjangkau lebih banyak orang dan dapat memengaruhi reputasi produk.

Seiring berkembangnya komunitas JavaScript dan semakin banyak fitur serta versi baru yang terus bermunculan, banyak browser lama atau mesin yang menjalankan klien browser versi lama tidak akan dapat mendukungnya, namun beberapa atau banyak klien Anda masih menjadi anggotanya
kategori itu jadi bagaimana Anda memastikan kode yang Anda tulis akan didukung di browser atau versi lama?

Anda membuat polyfill yang merupakan implementasi dari Metode Modern menjadi fungsi sepele yang menggunakan komponen paling dasar dari JS yang akan didukung oleh hampir semua browser dan versi dan solusi dari masalah saat ini adalah salah satu contohnya .

Sekarang Datang ke Pertanyaan berikutnya

Apa itu Callback dan bagaimana cara kerjanya?

Fungsi panggilan balik adalah fungsi yang diteruskan ke fungsi lain sebagai argumen, yang kemudian dipanggil di dalam fungsi luar untuk menyelesaikan beberapa jenis rutinitas atau tindakan.

seperti yang kita lihat dalam kode kita di sini

const map = function(arr, fn)

dan juga sebenarnya di sini

mappedArr.push(fn(arr[i],parseInt(i)))

jadi jika kalian ingat Call Stack Dengan cara yang sama JavaScript juga menggunakan satu struktur data lagi yang disebut Callback Queue

diagram di sini menggambarkan bagaimana tumpukan panggilan dan antrean panggilan balik digunakan bersama dalam Event Loop

Kode

/**
 * @param {number[]} arr
 * @param {Function} fn
 * @return {number[]}
 */
const map = function(arr, fn) {
     const mappedArr=[]
     for(const i in arr){
          mappedArr.push(fn(arr[i],parseInt(i))) 
     }
     return mappedArr
};

Kesimpulan

Ekosistem JavaScript tumbuh dengan cepat dan kadang-kadang beberapa aplikasi lain mungkin tidak dapat menyusulnya. Jadi, agar kami dapat mendukung produk kami, kami perlu membuat aplikasi kami kompatibel ke belakang dan di sini Polyfills memainkan peran penting dan meneruskan fungsi ke dalam fungsi lainnya. memungkinkan kita mengontrol eksekusi dan hasil fungsi lain yang memungkinkan kita memisahkan kode dengan lebih baik menggunakan callback.

Artikel Sebelumnya — https://medium.com/@varnitsharma-102/arrow-functions-and-a-better-way-of-function-object-oriented-programming-in-js-5e1542cd02fe

Masalah — https://leetcode.com/problems/apply-transform-over-each-element-in-array/description/

Apa itu polyfilling di JavaScript dan Bagaimana cara kerja callback