Mempercepat perkembangan javascript anda dengan coffeescript

Coffeescript: Alternatif ringkas dan mudah dibaca kepada JavaScript

Coffeescript adalah bahasa yang disusun yang diterjemahkan ke dalam JavaScript, menawarkan sintaks yang lebih ekspresif dan padat. Ini menghasilkan kod yang lebih bersih, lebih banyak dikekalkan dengan pepijat yang lebih sedikit. Penciptanya, Jeremy Ashkenas, menggambarkannya sebagai membiarkan anda "menulis apa yang anda maksudkan," mengelakkan kebiasaan bersejarah JavaScript.

Kelebihan utama termasuk kebolehbacaan yang lebih baik, keserasian dengan versi Internet Explorer yang lebih lama, dan mengelakkan perangkap JavaScript biasa seperti trailing koma dan pemasukan titik koma automatik. Populariti yang semakin meningkat, terutamanya dalam komuniti Rails, tercermin dalam kehadirannya dalam indeks Tiobe bahasa pengaturcaraan teratas.

Bermula dengan Coffeescript

Pemasangan mudah melalui NPM:

<code class="language-bash">npm install coffee-script -g</code>

Pemasangan global membolehkan akses baris arahan menggunakan

. coffee

kompilasi

Fail Coffeescript () boleh dikumpulkan secara manual atau menggunakan Watcher untuk rekompilasi automatik pada SAVE. Kompilasi manual:

.coffee

untuk recompilation automatik:

<code class="language-bash">coffee -c app.coffee</code>

Nota: Bug dalam Coffeescript 1.9.1 mempengaruhi Watcher; Versi 1.9.0 disyorkan untuk contoh di bawah.

<code class="language-bash">coffee -cw app.coffee</code>

Fundamental Coffeescript

Coffeescript memudahkan JavaScript dalam beberapa cara:

Pengisytiharan Variabel:

Pengisytiharan Variabel sering tidak perlu; Cukup berikan nilai:
• . titik koma: hasBody = true
Panggilan fungsi:
• Parentheses adalah pilihan untuk panggilan fungsi peringkat tertinggi: .
• indentation: indentation (dua ruang atau tab) mentakrifkan blok kod. $(".messages").show 'slow'
• Contoh:

booleans dan conditions Coffeescript menawarkan sintaks boolean dan bersyarat ringkas:

<code class="language-coffeescript">if hasBody
  alert "Hello Body"
else
  alert "No Body"</code>

, ,

bersamaan dengan

.

• , on, yes bersamaan dengan true. true
• dan off mewakili no dan false. false
• Membolehkan syarat satu baris. is isnt === dan !== mewakili
dan
• . then
• and lelaran, penapis, dan julat or && || Penggunaan Iteration
untuk tatasusunan dan

untuk sifat objek:

penapisan dicapai dengan menggunakan

:

<code class="language-bash">npm install coffee-script -g</code>

julat angka mudah dibuat: [0..10] (inklusif), [0...11] (eksklusif).

fungsi dan this

Fungsi ditakrifkan menggunakan ->:

<code class="language-bash">coffee -c app.coffee</code>

simbol @ menggantikan kata kunci this.

kelas gaya ES6 dan OOP

Coffeescript menyokong pengaturcaraan berorientasikan objek dengan kelas dan warisan:

<code class="language-bash">coffee -cw app.coffee</code>

Parameter REST disokong menggunakan ...:

<code class="language-coffeescript">if hasBody
  alert "Hello Body"
else
  alert "No Body"</code>

pulangan tersirat digunakan; Nilai pernyataan terakhir dikembalikan.

Kesimpulan

Coffeescript menyediakan alternatif yang lebih ringkas dan mudah dibaca kepada JavaScript, memudahkan pembangunan dan mengurangkan kesilapan. Walaupun popularitinya agak berkurang dengan kemajuan dalam JavaScript moden, ia tetap menjadi alat yang berharga bagi mereka yang mencari pengalaman skrip yang lebih ekspresif.

Soalan Lazim (Soalan Lazim)

Seksyen Soalan Lazim dari input asal telah ditinggalkan kerana ia sebahagian besarnya berlebihan memandangkan maklumat yang telah disediakan dalam artikel yang ditulis semula. Maklumat dalam Soalan Lazim telah dimasukkan ke dalam teks yang disemak semula.

Atas ialah kandungan terperinci Mempercepat perkembangan javascript anda dengan coffeescript. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!