Penyiapan: class Shape & Ekspor
Termasuk bagian Pemrograman Berorientasi Objek dalam perjalanan JavaScript di Coddy. Pelajaran 39 dari 56.
Tantangan
Dalam proyek ini, kita akan membangun sistem rendering bentuk sederhana yang menunjukkan konsep utama Pemrograman Berorientasi Objek. Kita akan membuat berbagai bentuk yang dapat menjelaskan dirinya sendiri, berlatih menggunakan pewarisan, dan mengatur kode menggunakan module.
Tugasmu:
- Di `Shape.js`, buat class `Shape` dengan:
- Constructor yang menerima satu parameter:
color - Method bernama
describe()yang mengembalikan:"A ${color} shape"
- Constructor yang menerima satu parameter:
- Ekspor class menggunakan
export - Di
main.js, impor class menggunakan:import { Shape } from './Shape.js';
Coba sendiri
// TODO: Impor class Shape dari './Shape.js';
// Uji class Shape
const myShape = new Shape('blue');
console.log(myShape.describe()); // Output: "A blue shape"
Semua pelajaran di Pemrograman Berorientasi Objek
1Object dan Kata Kunci this
Tinjauan Singkat: objectMenambahkan method ke objectMemahami Kata Kunci thisFungsi KonstruktorKata Kunci newTantangan Rangkuman7Pewarisan & Kata Kunci extends
PewarisanHubungan "is-a"Kata Kunci extendsmethod super()Mewarisi property & methodTantangan Rangkuman2Mengatur Kode
Apa itu module?Mengekspor dengan exportMengimpor dengan importEkspor default vs. ekspor bernama8Mengatur Kode OOP
Mengatur class ke dalam module11Proyek: Perender Bentuk
Penyiapan: class Shape & EksporPewarisan class CircleOverride & Method LuasPenghitung Shape Statis14Sistem Manajemen Perpustakaan
Merancang PerpustakaanClass Book dengan CompositionValidasi Penulis Buku9Method dan property Statis
Level class vs. level instanceProperty StatisMethod Utilitas StatisTantangan RangkumanLatihan sendiri: Compiler JavaScript online