Bagaimana untuk membangunkan perpustakaan javascript anda sendiri

JavaScript ialah salah satu bahasa yang paling biasa digunakan dalam pembangunan web hari ini. Ramai pengaturcara web telah menulis perpustakaan JavaScript mereka sendiri untuk membantu orang lain menyelesaikan tugasan berulang dan meningkatkan kecekapan pembangunan. Untuk membuat perpustakaan JavaScript anda sendiri, anda perlu memberi perhatian kepada langkah berikut.

Fahami apa itu perpustakaan JavaScript

Sebelum anda mula mencipta perpustakaan Javascript, anda perlu memahami apa itu perpustakaan. Pustaka JavaScript ialah satu set coretan kod yang merangkumi fungsi tertentu dan menyediakan antara muka API yang ringkas dan mudah digunakan. Pembangun boleh memperkenalkan perpustakaan ke dalam projek dan menggunakan API yang tersedia untuk melaksanakan fungsinya.

Kod perpustakaan JavaScript yang baik hendaklah:

• Merangkumkan kod yang perlu digunakan semula
• API Ringkas yang memudahkan penggunaannya
• Sepenuhnya diuji Untuk memastikan kestabilan

Sifat ini diperlukan untuk menukar kod kepada perpustakaan.

Alat Diperlukan

Sebelum anda mula mencipta pustaka JavaScript, anda perlu memastikan anda mempunyai alatan pembangunan yang diperlukan pada komputer anda. Alat pembangunan yang paling biasa digunakan termasuk:

• IDE. Terdapat banyak pembangun yang menggunakan sesuatu seperti Persekitaran Pembangunan Bersepadu (IDE) yang sesuai untuk penulisan Javascript pengaturcara. Beberapa IDE yang terkenal ialah Eclipse, Visual Studio Code dan WebStorm, dsb., yang semuanya merupakan pilihan yang baik.
• Editor. Jika anda tidak biasa menggunakan IDE, tetapi ingin menambah beberapa sambungan pada editor, seperti Vim, Sublime Text, Notepad++, dll., editor ini juga sangat baik untuk pembangunan JavaScript.
• Kawalan versi. Apabila berbilang orang membangun dalam projek, ia akan membawa masalah kawalan versi Pada masa ini, sistem kawalan versi seperti Git atau SVN berguna.

Menulis JavaScript

Penulisan JavaScript ialah teras penciptaan perpustakaan JavaScript. Proses penulisan untuk kebanyakan perpustakaan adalah berdasarkan idea yang sama.

Pembangun perpustakaan biasanya menggunakan beberapa corak "berdikari", menggunakan beberapa corak modul dan teknik corak kelas. Semua corak ini mengikut struktur yang serupa:

• Fungsi tanpa nama "pembungkus" membolehkan penciptaan ruang peribadi
• Fungsi permulaan, selepas melakukan beberapa persediaan yang diperlukan, sebelum keluar terakhir
• Dalam sesetengah kes, pelbagai kaedah didedahkan, ini adalah untuk membantu pembangun membuat panggilan dengan cepat.

Berikut menunjukkan gaya penulisan perpustakaan JavaScript yang mudah. Ini termasuk teknik penutupan.

;(function (window, undefined) {
  function example (string) {
    if (!(this instanceof example))
      return new example(string)
    this._string = string
  }

  example.fn = example.prototype = {
    example: '0.0.1'
  }

  example.fn.toString = function () {
    return this._string
  }

  window.example = example
})(window)

Kod ini menggunakan beberapa corak modul AMD dan CommonJS melalui fungsi dan borang penutupan yang dilaksanakan serta-merta. Ia mengandungi fungsi pembungkus untuk memastikan bahawa kod ini hanya dilaksanakan sekali dan mencipta ruang peribadi.

Secara dalaman mencipta contoh pembina, yang mengandungi rentetan dengan sebarang panjang, dihantar sebagai parameter. Kemudian objek fungsi toString() ditakrifkan pada sifat prototaip fungsi tersebut.

Pada penghujung kod, ia mendedahkan contoh kepada tetingkap ruang nama global untuk digunakan oleh orang lain.

Serahkan kod

Semasa proses menulis kod, anda boleh menggunakan sistem kawalan versi seperti Git atau SVN untuk menjejaki perubahan kod. Apabila perpustakaan sudah sedia, adalah idea yang baik untuk mencipta repositori yang berkomitmen kepada platform seperti GitHub atau GitLab.

Komuniti sumber terbuka ini boleh mempromosikan kod anda secara global, menjadikannya lebih mudah untuk ditemui dan memudahkan orang lain berkongsi perpustakaan yang anda bangunkan.

Pengujian

Pustaka JavaScript mesti diuji sepenuhnya sebelum ia dikeluarkan secara rasmi kepada pengeluaran. Rangka kerja ujian yang berbeza seperti Jasmine dan Mocha boleh digunakan untuk melaksanakan ujian unit dan ujian integrasi dalam aplikasi untuk memastikan kualiti perpustakaan. Beberapa rangka kerja ujian popular termasuk:

• Mocha: ialah rangka kerja ujian JavaScript untuk bahagian pelayar dan Node.js.
• Jasmine: Jasmine ialah rangka kerja ujian JavaScript berdasarkan pembangunan dipacu tingkah laku.

Pengujian kod ialah bahagian penting dalam proses mencipta pustaka, kerana yang terbaik adalah mengujinya dalam senario kehidupan sebenar seperti berbilang penyemak imbas dan berbilang peranti sebelum diterbitkan.

Dokumentasi

Apabila mencipta pustaka JavaScript, anda perlu menulis dokumentasi dan membiasakan diri untuk mendapatkan maklumat yang sepadan daripada kod tersebut.

Dokumentasi yang baik hendaklah termasuk yang berikut:

• Ikhtisar fungsi, kelas, objek, dsb. yang dieksport daripada perpustakaan
• Input, output dan penggunaan
• Butiran konfigurasi dan pilihan sambungan
• Ralat pengendalian dan maklumat penyahpepijatan

Selain itu, perlu diingatkan bahawa projek itu harus menyertakan dokumentasi yang ditulis dengan baik untuk manfaat orang lain Keupayaan untuk memahami dan menggunakan kod. Jika proses dokumentasi terlalu rumit, ia akan menjadi sukar bagi pengguna dalam banyak senario penggunaan untuk mempunyai gambaran umum projek, yang akan memberi kesan negatif terhadap populariti perpustakaan.

Sedia untuk digunakan

Mencipta pustaka JavaScript yang baik memerlukan perancangan yang teliti, serta struktur dan dokumentasi yang baik. Tetapi setelah dibuat, anda boleh menggunakannya sebagai blok binaan asas untuk diri sendiri atau pembangun lain, membolehkan anda meningkatkan penggunaan semula kod ke tahap yang tidak pernah berlaku sebelum ini.

Atas ialah kandungan terperinci Bagaimana untuk membangunkan perpustakaan javascript anda sendiri. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!