Jadual Kandungan
Apakah maksud kelas dalam Coffeescript?
Bagaimana untuk menentukan kelas dalam Coffeescript?
Bagaimana warisan dalam kelas Coffeescript berfungsi?
Bolehkah saya mengatasi kaedah dalam subkelas Coffeescript?
Bagaimana untuk membuat contoh kelas dalam Coffeescript?
Apakah tujuan kaedah pembina dalam kelas Coffeescript?
Bolehkah saya menentukan sifat dan kaedah peribadi dalam kelas Coffeescript?
Bagaimana untuk memanggil kaedah pada contoh kelas dalam Coffeescript?
Bolehkah saya menambah sifat dan kaedah ke kelas selepas menentukan kelas dalam Coffeescript?
Bagaimana untuk menyemak jenis contoh kelas dalam Coffeescript?
Rumah hujung hadapan web tutorial js Kelas dalam Coffeescript

Kelas dalam Coffeescript

Feb 24, 2025 am 10:31 AM

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
Salin selepas log masuk
Salin selepas log masuk

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
Salin selepas log masuk
Salin selepas log masuk

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
Salin selepas log masuk
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
Salin selepas log masuk
Salin selepas log masuk

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
Salin selepas log masuk
Salin selepas log masuk

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 Laman Web ini
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

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

Video Face Swap

Video Face Swap

Tukar muka dalam mana-mana video dengan mudah menggunakan alat tukar muka AI percuma kami!

Alat panas

Notepad++7.3.1

Notepad++7.3.1

Editor kod yang mudah digunakan dan percuma

SublimeText3 versi Cina

SublimeText3 versi Cina

Versi Cina, sangat mudah digunakan

Hantar Studio 13.0.1

Hantar Studio 13.0.1

Persekitaran pembangunan bersepadu PHP yang berkuasa

Dreamweaver CS6

Dreamweaver CS6

Alat pembangunan web visual

SublimeText3 versi Mac

SublimeText3 versi Mac

Perisian penyuntingan kod peringkat Tuhan (SublimeText3)

Topik panas

Tutorial Java
1664
14
Tutorial PHP
1268
29
Tutorial C#
1242
24
Demystifying JavaScript: Apa yang berlaku dan mengapa penting Demystifying JavaScript: Apa yang berlaku dan mengapa penting Apr 09, 2025 am 12:07 AM

JavaScript adalah asas kepada pembangunan web moden, dan fungsi utamanya termasuk pengaturcaraan yang didorong oleh peristiwa, penjanaan kandungan dinamik dan pengaturcaraan tak segerak. 1) Pengaturcaraan yang didorong oleh peristiwa membolehkan laman web berubah secara dinamik mengikut operasi pengguna. 2) Penjanaan kandungan dinamik membolehkan kandungan halaman diselaraskan mengikut syarat. 3) Pengaturcaraan Asynchronous memastikan bahawa antara muka pengguna tidak disekat. JavaScript digunakan secara meluas dalam interaksi web, aplikasi satu halaman dan pembangunan sisi pelayan, sangat meningkatkan fleksibiliti pengalaman pengguna dan pembangunan silang platform.

Evolusi JavaScript: Trend Semasa dan Prospek Masa Depan Evolusi JavaScript: Trend Semasa dan Prospek Masa Depan Apr 10, 2025 am 09:33 AM

Trend terkini dalam JavaScript termasuk kebangkitan TypeScript, populariti kerangka dan perpustakaan moden, dan penerapan webassembly. Prospek masa depan meliputi sistem jenis yang lebih berkuasa, pembangunan JavaScript, pengembangan kecerdasan buatan dan pembelajaran mesin, dan potensi pengkomputeran IoT dan kelebihan.

Enjin JavaScript: Membandingkan Pelaksanaan Enjin JavaScript: Membandingkan Pelaksanaan Apr 13, 2025 am 12:05 AM

Enjin JavaScript yang berbeza mempunyai kesan yang berbeza apabila menguraikan dan melaksanakan kod JavaScript, kerana prinsip pelaksanaan dan strategi pengoptimuman setiap enjin berbeza. 1. Analisis leksikal: Menukar kod sumber ke dalam unit leksikal. 2. Analisis Tatabahasa: Menjana pokok sintaks abstrak. 3. Pengoptimuman dan Penyusunan: Menjana kod mesin melalui pengkompil JIT. 4. Jalankan: Jalankan kod mesin. Enjin V8 mengoptimumkan melalui kompilasi segera dan kelas tersembunyi, Spidermonkey menggunakan sistem kesimpulan jenis, menghasilkan prestasi prestasi yang berbeza pada kod yang sama.

Python vs JavaScript: Keluk Pembelajaran dan Kemudahan Penggunaan Python vs JavaScript: Keluk Pembelajaran dan Kemudahan Penggunaan Apr 16, 2025 am 12:12 AM

Python lebih sesuai untuk pemula, dengan lengkung pembelajaran yang lancar dan sintaks ringkas; JavaScript sesuai untuk pembangunan front-end, dengan lengkung pembelajaran yang curam dan sintaks yang fleksibel. 1. Sintaks Python adalah intuitif dan sesuai untuk sains data dan pembangunan back-end. 2. JavaScript adalah fleksibel dan digunakan secara meluas dalam pengaturcaraan depan dan pelayan.

JavaScript: meneroka serba boleh bahasa web JavaScript: meneroka serba boleh bahasa web Apr 11, 2025 am 12:01 AM

JavaScript adalah bahasa utama pembangunan web moden dan digunakan secara meluas untuk kepelbagaian dan fleksibiliti. 1) Pembangunan front-end: Membina laman web dinamik dan aplikasi satu halaman melalui operasi DOM dan kerangka moden (seperti React, Vue.js, sudut). 2) Pembangunan sisi pelayan: Node.js menggunakan model I/O yang tidak menyekat untuk mengendalikan aplikasi konkurensi tinggi dan masa nyata. 3) Pembangunan aplikasi mudah alih dan desktop: Pembangunan silang platform direalisasikan melalui reaktnatif dan elektron untuk meningkatkan kecekapan pembangunan.

Cara Membina Aplikasi SaaS Multi-Tenant dengan Next.js (Integrasi Frontend) Cara Membina Aplikasi SaaS Multi-Tenant dengan Next.js (Integrasi Frontend) Apr 11, 2025 am 08:22 AM

Artikel ini menunjukkan integrasi frontend dengan backend yang dijamin oleh permit, membina aplikasi edtech SaaS yang berfungsi menggunakan Next.Js. Frontend mengambil kebenaran pengguna untuk mengawal penglihatan UI dan memastikan permintaan API mematuhi dasar peranan

Membina aplikasi SaaS Multi-penyewa dengan Next.js (Integrasi Backend) Membina aplikasi SaaS Multi-penyewa dengan Next.js (Integrasi Backend) Apr 11, 2025 am 08:23 AM

Saya membina aplikasi SaaS multi-penyewa berfungsi (aplikasi edTech) dengan alat teknologi harian anda dan anda boleh melakukan perkara yang sama. Pertama, apakah aplikasi SaaS multi-penyewa? Aplikasi SaaS Multi-penyewa membolehkan anda melayani beberapa pelanggan dari Sing

Dari C/C ke JavaScript: Bagaimana semuanya berfungsi Dari C/C ke JavaScript: Bagaimana semuanya berfungsi Apr 14, 2025 am 12:05 AM

Peralihan dari C/C ke JavaScript memerlukan menyesuaikan diri dengan menaip dinamik, pengumpulan sampah dan pengaturcaraan asynchronous. 1) C/C adalah bahasa yang ditaip secara statik yang memerlukan pengurusan memori manual, manakala JavaScript ditaip secara dinamik dan pengumpulan sampah diproses secara automatik. 2) C/C perlu dikumpulkan ke dalam kod mesin, manakala JavaScript adalah bahasa yang ditafsirkan. 3) JavaScript memperkenalkan konsep seperti penutupan, rantaian prototaip dan janji, yang meningkatkan keupayaan pengaturcaraan fleksibiliti dan asynchronous.

See all articles