Dengan pengembangan zaman, kerangka kerja yang semakin baik telah muncul di kamp Javascript, yang telah sangat menyederhanakan pekerjaan pengembangan kami. Jika Anda tidak puas dengan hanya menggunakan beberapa API yang sudah jadi, tetapi memiliki pemahaman yang mendalam tentang mekanisme implementasi internal mereka (seperti yang dikatakan seseorang, API adalah hal yang paling cepat digunakan), cara terbaik adalah membaca kode sumber mereka adalah bahwa Anda bisa memahaminya.
Saya telah mempelajari kode sumber jQuery dalam dua hari terakhir. Oke, mari kita lihat bagaimana jQuery bekerja. Artikel ini tidak cocok untuk teman -teman yang tidak memiliki pemahaman tentang konsep seperti kelas, objek, fungsi, prototipe, dll. Dalam JS.
Mari kita mulai dengan awal:
Pertama, buat objek untuk pengguna, dengan asumsi bahwa kerangka kerja kami disebut shaka (nama saya;))
var shaka = function () {}; Agar objek yang dihasilkan untuk memanggil metode yang ditentukan dalam prototipe, kita perlu menambahkan beberapa metode ke shaka dalam prototipe (mengambil shaka sebagai kelas), jadi kita mendefinisikan:
Shaka.fn = shaka.prototype = {};
Di sini, shaka.fn setara dengan alias shaka.prototype, yang nyaman untuk digunakan di masa depan.
OK, mari kita tambahkan metode untuk Sayhello dan tambahkan parameter ke Shaka, sehingga kerangka kerja paling dasar sudah ada.
Jalankan kotak kode
[Ctrl+A All Selection Tips: Anda dapat memodifikasi beberapa kode terlebih dahulu, dan kemudian tekan Run]
Oke, jangan bersemangat, kami perhatikan bahwa ada beberapa perbedaan antara kerangka kerja ini dan jQuery yang digunakan, misalnya, dalam JQ kami dapat menulis dengan cara ini:
jQuery ('#myid'). somemethod ();
Bagaimana cara kerjanya?
var shaka = function () {return // kembalikan contoh shaka;
Jadi bagaimana kita mendapatkan contoh shaka? Fungsi MyClass, yaitu, konstruktor kelas, dan kemudian beberapa orang memperoleh metode yang didefinisikan dalam myClass.prototype.