cari
Rumahhujung hadapan webtutorial jsKelas dalam Coffeescript

Classes in CoffeeScript

mata teras

    Coffeescript melaksanakan sistem kelas tradisional, walaupun JavaScript sendiri tidak. Ini menjadikan lebih mudah bagi pemula untuk memahami sambil mengekalkan fleksibiliti prototaip untuk pengaturcara yang berpengalaman.
  • Kelas Coffeescript menyokong warisan, yang membolehkan penciptaan subclass yang secara automatik mewarisi sifat dan kaedah kelas induk mereka. Subkelas juga boleh mengatasi fungsi kelas induk, seperti yang ditunjukkan dalam fungsi "bimbang" dan "keuntungan" dalam subkelas "Senator" dan "Pelajar".
  • Walaupun Coffeescript adalah mudah dan sintaksy-concise, ia masih membolehkan sistem prototaip yang melaksanakan JavaScript, termasuk menggunakan "::" sebagai jalan pintas kepada "prototaip", dan menggunakan kata kunci "meluas" dan "super" untuk pembina.
JavaScript tidak mempunyai sistem kelas tradisional, tetapi menggunakan prototaip. Prototaip ini sangat fleksibel dan berkuasa, tetapi ia mengelirukan untuk pemula. Oleh itu, Coffeescript mewujudkan sistem kelas tradisional. Tetapi ... bagaimana ia melakukannya? Slogan Coffeescript adalah "Ia hanya JavaScript", dan JavaScript jelas tidak mempunyai sistem kelas tradisional. Dalam artikel ini, kami akan meliputi asas -asas mewujudkan kelas Coffeescript. Dalam jawatan seterusnya, kami akan menggali JavaScript yang dihasilkan (agak maju) untuk melihat keajaiban di belakangnya.

kelas induk

kami akan menerangkannya melalui contoh -contoh, kerana bagi mereka yang telah membaca pengenalan saya kepada Coffeescript, ia harus mudah memahami apa yang sedang berlaku.

Kami mengisytiharkan kelas yang dipanggil borjuasi. Pengisytiharan fungsi kelas adalah seperti berikut:

class Bourgeoisie
  constructor: (@age, @privilegeConstant) ->

  worry: ->
    console.log("我的股票下跌了 1%!")

  profit: (hardWork, luck) ->
    return (@age - 23) * hardWork * (luck + @privilegeConstant)

elite = new Bourgeoisie(29, 397)
elite.worry() # "我的股票下跌了 1%!"
elite.profit(20, 50) # 53640

Pembina dinamakan pembina. Ia menerima dua parameter, umur dan privilegeconstant, dan secara automatik menyerahkannya sebagai pembolehubah contoh (@ adalah pengganti untuk ini dalam Coffeescript, dan pembolehubah secara automatik diberikan kepada contoh apabila digunakan dalam parameter pembina). Apabila anda membuat borjuasi baru, pembina dipanggil secara automatik, sama seperti di bahagian bawah contoh kod. Kami mempunyai dua fungsi lain. Fungsi pertama bimbang tidak menerima sebarang parameter. Keuntungan fungsi kedua menerima dua hujah dan mengembalikan nombor.

functionName: (arguments) ->
  code

kelas warisan

Sekarang, kami mahukan kelas yang mewarisi dari borjuasi. Kami namakannya Senator.

Kelas ini

melanjutkan
class Senator extends Bourgeoisie
  worry: ->
    console.log("民调下跌了 1%!")

senator = new Senator(45, 992)
senator.worry() # "民调下跌了 1%!"
senator.profit(6, 10) # 132264
bourgeoisie, yang bermaksud ia mempunyai semua ciri kelas induk. Pembina adalah sama seperti fungsi keuntungan

, satu -satunya perbezaan ialah apabila membina contoh, anda memanggil Senator dan bukannya borjuasi. Sebaliknya, fungsi kebimbangan adalah berbeza. Senator lebih bimbang tentang pemilihan daripada stok, jadi kebimbangannya meliputi kebimbangan kelas induk. Penindasan ini dapat dilihat lagi dalam kelas pelajar yang ditunjukkan di bawah.

class Bourgeoisie
  constructor: (@age, @privilegeConstant) ->

  worry: ->
    console.log("我的股票下跌了 1%!")

  profit: (hardWork, luck) ->
    return (@age - 23) * hardWork * (luck + @privilegeConstant)

elite = new Bourgeoisie(29, 397)
elite.worry() # "我的股票下跌了 1%!"
elite.profit(20, 50) # 53640

Kebimbangan pelajar menimpa kebimbangan kelas induk (lebih dramatik daripada cara senator), dan keuntungan mereka juga ditimpa. Walau bagaimanapun, penindasan sekarang bergantung kepada fungsi keuntungan kelas induk. Ia mengambil fungsi ini dan tolak yuran pengajian. Ini adalah masa yang sukar untuk pelajar! Tetapi apa yang anda harus belajar dari itu adalah kata kunci super, yang memanggil versi fungsi kelas induk.

tetapi, saya suka prototaip

sangat bagus! Coffeescript adalah untuk anda, tetapi ia masih memberikan anda ciri -ciri yang kuat. Mari gunakannya! Berikut adalah contoh ringkas dari kali terakhir kami:

functionName: (arguments) ->
  code

Ini sepatutnya kelihatan biasa, kerana 90% daripada perubahan adalah untuk menggantikan beberapa fungsi dengan anak panah yang tajam. Sistem warisan prototaip tetap sama kerana ingat bahawa Coffeescript hanya JavaScript. Sintaks ini lebih ringkas, dan jika anda ingin prototaip dalam gaya Brendan Eich yang kami gunakan kali terakhir, anda tidak perlu mengetahui lebih lanjut. Ini bukan untuk mengatakan bahawa Coffeescript tidak menggunakan beberapa jalan pintas. Anda boleh menggunakan :: bukan prototaip. Walau bagaimanapun, dalam prototaip gaya Brendan Eich, kita hanya perlu menggunakannya sekali dalam kaedah objek (O). Kami juga mempunyai akses untuk melanjutkan dan kata kunci super, tetapi kata kunci ini hanya digunakan dalam pembina - kami menyembunyikannya dalam kaedah objek (O) sekali lagi.

Kesimpulan

Sistem warisan klasik di Coffeescript menyediakan kemudahan dan keselesaan untuk pemaju biasa. Di samping itu, sintaks bersih Coffeescript menjadikannya lebih mudah untuk melaksanakan sistem prototaip sebenar. Singkatnya, hanya ada faedah tetapi tidak ada bahaya.

FAQs Mengenai Kelas Coffeescript

Apakah maksud kelas dalam Coffeescript?

Kelas Coffeescript adalah konsep asas yang membantu mengatur dan membina kod. Mereka menyediakan cara untuk membuat objek dengan sifat dan kaedah tertentu. Kelas membuat struktur data yang kompleks lebih mudah dan menyediakan cara untuk merangkum data dan fungsi di satu tempat. Mereka juga menyokong warisan, membolehkan anda membuat kelas baru yang mewarisi dari kelas yang sedia ada. Ini dapat mengurangkan duplikasi kod dan meningkatkan pemeliharaan kod.

Bagaimana untuk menentukan kelas dalam Coffeescript?

Adalah mudah untuk menentukan kelas dalam Coffeescript. Anda menggunakan kata kunci kelas diikuti dengan nama kelas. Sebagai contoh, kelas myclass. Anda kemudian boleh menggunakan simbol @ untuk merujuk kepada contoh kelas untuk menentukan sifat dan kaedah dalam kelas. Sebagai contoh, @myproperty akan menentukan sifat kelas, manakala @mymethod: -& gt;

Bagaimana warisan dalam kelas Coffeescript berfungsi?

Pewarisan dalam CoffeeScript dilaksanakan menggunakan kata kunci Extends. Apabila anda menentukan kelas, anda boleh menyatakan bahawa ia memanjangkan kelas lain. Ini bermakna kelas baru akan mewarisi semua sifat dan kaedah kelas yang dilanjutkan. Sebagai contoh, kelas MySubclass memanjangkan MyClass akan mewujudkan kelas baru yang diwarisi dari MyClass.

Bolehkah saya mengatasi kaedah dalam subkelas Coffeescript?

Ya, anda boleh mengatasi kaedah dalam subkelas Coffeescript. Apabila anda menentukan kaedah dalam subkelas yang mempunyai nama yang sama dengan kaedah dalam superclass, kaedah subclass digunakan. Jika anda masih mahu memanggil kaedah kelas super, anda boleh menggunakan kata kunci super.

Bagaimana untuk membuat contoh kelas dalam Coffeescript?

Untuk membuat contoh kelas dalam Coffeescript, anda boleh menggunakan kata kunci baru yang diikuti oleh nama kelas. Sebagai contoh, MyInstance = MyClass Baru akan mencipta contoh baru MyClass.

Apakah tujuan kaedah pembina dalam kelas Coffeescript?

Kaedah pembina dalam kelas Coffeescript adalah kaedah khas yang dipanggil apabila contoh baru kelas dibuat. Ia biasanya digunakan untuk memulakan sifat kelas. Dalam Coffeescript, kaedah pembina ditakrifkan menggunakan kata kunci pembina.

Bolehkah saya menentukan sifat dan kaedah peribadi dalam kelas Coffeescript?

Coffeescript tidak menyokong sifat dan kaedah peribadi dalam terbina dalam. Walau bagaimanapun, anda boleh mencapai kesan yang sama dengan menggunakan penutupan atau menentukan sifat dan kaedah dalam kaedah pembina, yang menjadikannya hanya dapat diakses dalam keadaan kelas.

Bagaimana untuk memanggil kaedah pada contoh kelas dalam Coffeescript?

Untuk memanggil kaedah pada contoh kelas dalam Coffeescript, anda boleh menggunakan pengendali. Sebagai contoh, myInstance.mymethod () akan memanggil kaedah MyMethod pada objek MyInstance.

Bolehkah saya menambah sifat dan kaedah ke kelas selepas menentukan kelas dalam Coffeescript?

Ya, anda boleh menambah sifat dan kaedah ke kelas selepas menentukan kelas dalam Coffeescript. Anda boleh melakukan ini dengan mendefinisikannya pada prototaip kelas. Sebagai contoh, MyClass :: MyNewMethod = -& gt;

Bagaimana untuk menyemak jenis contoh kelas dalam Coffeescript?

Untuk memeriksa jenis contoh kelas dalam Coffeescript, anda boleh menggunakan Operator Instanceof. Sebagai contoh, contoh MyInstance MyClass mengembalikan benar jika MyInstance adalah contoh MyClass.

Atas ialah kandungan terperinci Kelas dalam Coffeescript. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Ganti aksara rentetan dalam javascriptGanti aksara rentetan dalam javascriptMar 11, 2025 am 12:07 AM

Penjelasan terperinci mengenai kaedah penggantian rentetan javascript dan Soalan Lazim Artikel ini akan meneroka dua cara untuk menggantikan watak rentetan dalam JavaScript: Kod JavaScript dalaman dan HTML dalaman untuk laman web. Ganti rentetan di dalam kod JavaScript Cara yang paling langsung ialah menggunakan kaedah pengganti (): str = str.replace ("cari", "ganti"); Kaedah ini hanya menggantikan perlawanan pertama. Untuk menggantikan semua perlawanan, gunakan ungkapan biasa dan tambahkan bendera global g: str = str.replace (/fi

8 plugin susun atur halaman jquery yang menakjubkan8 plugin susun atur halaman jquery yang menakjubkanMar 06, 2025 am 12:48 AM

Leverage JQuery untuk Layouts Laman Web yang mudah: 8 Plugin Essential JQuery memudahkan susun atur laman web dengan ketara. Artikel ini menyoroti lapan plugin jQuery yang kuat yang menyelaraskan proses, terutamanya berguna untuk penciptaan laman web manual

Bina Aplikasi Web Ajax anda sendiriBina Aplikasi Web Ajax anda sendiriMar 09, 2025 am 12:11 AM

Jadi di sini anda, bersedia untuk mempelajari semua perkara ini yang dipanggil Ajax. Tetapi, apa sebenarnya? Istilah Ajax merujuk kepada kumpulan teknologi longgar yang digunakan untuk membuat kandungan web yang dinamik dan interaktif. Istilah Ajax, yang asalnya dicipta oleh Jesse J

10 JQuery Fun and Games Plugin10 JQuery Fun and Games PluginMar 08, 2025 am 12:42 AM

10 Plugin Permainan JQuery yang menyeronokkan untuk menjadikan laman web anda lebih menarik dan meningkatkan keletihan pengguna! Walaupun Flash masih merupakan perisian terbaik untuk membangunkan permainan web kasual, jQuery juga boleh menghasilkan kesan yang mengejutkan, dan walaupun tidak setanding dengan permainan flash aksi tulen, dalam beberapa kes, anda juga boleh bersenang -senang di penyemak imbas anda. permainan jquery tic toe "Hello World" pengaturcaraan permainan kini mempunyai versi jQuery. Kod sumber JQuery Game Composition Crazy Word Ini adalah permainan mengisi kosong, dan ia dapat menghasilkan beberapa hasil yang pelik kerana tidak mengetahui konteks perkataan. Kod sumber JQuery Mine Sweeping Game

Bagaimana saya membuat dan menerbitkan perpustakaan JavaScript saya sendiri?Bagaimana saya membuat dan menerbitkan perpustakaan JavaScript saya sendiri?Mar 18, 2025 pm 03:12 PM

Artikel membincangkan membuat, menerbitkan, dan mengekalkan perpustakaan JavaScript, memberi tumpuan kepada perancangan, pembangunan, ujian, dokumentasi, dan strategi promosi.

JQuery Parallax Tutorial - Latar Belakang Header AnimasiJQuery Parallax Tutorial - Latar Belakang Header AnimasiMar 08, 2025 am 12:39 AM

Tutorial ini menunjukkan cara membuat kesan latar belakang paralaks yang menawan menggunakan jQuery. Kami akan membina sepanduk header dengan imej berlapis yang mewujudkan kedalaman visual yang menakjubkan. Plugin yang dikemas kini berfungsi dengan JQuery 1.6.4 dan kemudian. Muat turun

Kandungan kotak beban secara dinamik menggunakan ajaxKandungan kotak beban secara dinamik menggunakan ajaxMar 06, 2025 am 01:07 AM

Tutorial ini menunjukkan membuat kotak halaman dinamik yang dimuatkan melalui AJAX, membolehkan Refresh Instant tanpa tambah nilai halaman penuh. Ia memanfaatkan JQuery dan JavaScript. Fikirkannya sebagai loader kotak kandungan gaya Facebook tersuai. Konsep Utama: Ajax dan JQuery

Cara Menulis Perpustakaan Sesi Kurang Kuki Untuk JavaScriptCara Menulis Perpustakaan Sesi Kurang Kuki Untuk JavaScriptMar 06, 2025 am 01:18 AM

Perpustakaan JavaScript ini memanfaatkan Window.Name Property untuk menguruskan data sesi tanpa bergantung pada kuki. Ia menawarkan penyelesaian yang mantap untuk menyimpan dan mengambil pembolehubah sesi di seluruh pelayar. Perpustakaan menyediakan tiga kaedah teras: sesi

See all articles

Alat AI Hot

Undresser.AI Undress

Undresser.AI Undress

Apl berkuasa AI untuk mencipta foto bogel yang realistik

AI Clothes Remover

AI Clothes Remover

Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.

Undress AI Tool

Undress AI Tool

Gambar buka pakaian secara percuma

Clothoff.io

Clothoff.io

Penyingkiran pakaian AI

AI Hentai Generator

AI Hentai Generator

Menjana ai hentai secara percuma.

Alat panas

SublimeText3 versi Mac

SublimeText3 versi Mac

Perisian penyuntingan kod peringkat Tuhan (SublimeText3)

MantisBT

MantisBT

Mantis ialah alat pengesan kecacatan berasaskan web yang mudah digunakan yang direka untuk membantu dalam pengesanan kecacatan produk. Ia memerlukan PHP, MySQL dan pelayan web. Lihat perkhidmatan demo dan pengehosan kami.

MinGW - GNU Minimalis untuk Windows

MinGW - GNU Minimalis untuk Windows

Projek ini dalam proses untuk dipindahkan ke osdn.net/projects/mingw, anda boleh terus mengikuti kami di sana. MinGW: Port Windows asli bagi GNU Compiler Collection (GCC), perpustakaan import yang boleh diedarkan secara bebas dan fail pengepala untuk membina aplikasi Windows asli termasuk sambungan kepada masa jalan MSVC untuk menyokong fungsi C99. Semua perisian MinGW boleh dijalankan pada platform Windows 64-bit.

Versi Mac WebStorm

Versi Mac WebStorm

Alat pembangunan JavaScript yang berguna

Pelayar Peperiksaan Selamat

Pelayar Peperiksaan Selamat

Pelayar Peperiksaan Selamat ialah persekitaran pelayar selamat untuk mengambil peperiksaan dalam talian dengan selamat. Perisian ini menukar mana-mana komputer menjadi stesen kerja yang selamat. Ia mengawal akses kepada mana-mana utiliti dan menghalang pelajar daripada menggunakan sumber yang tidak dibenarkan.