Cristian Salcescu
Mengikuti
28 April 2021
·
6 menit membaca
·
Khusus anggota
4 Cara Membuat Objek di JavaScript
Literal objek, prototipe, kelas, fungsi pabrik, dan banyak lagi
Foto oleh Jazmin Quaynor di Unsplash
Artikel ini akan menjelaskan beberapa cara untuk membuat objek dalam JavaScript. Yaitu
- Literal objek
- Obyek. membuat()
- Kelas
- Fungsi Pabrik
JavaScript adalah bahasa berbasis objek dan dalam JavaScript hampir semuanya adalah objek atau bertindak seperti objek. Jadi, untuk bekerja dengan JavaScript secara efektif dan efisien, kita perlu memahami cara kerja objek serta cara membuat objek kita sendiri dan menggunakannya
Objek JavaScriptObjek JavaScript adalah variabel yang dapat menampung banyak nilai berbeda. Ini bertindak sebagai wadah dari satu set nilai terkait. Misalnya, resep di buku masak, pengguna situs web, atau pembayaran di bank semuanya bisa menjadi objek JavaScript
Dalam JavaScript, objek dapat menyimpan dua jenis nilai
1. properti untuk nilai statis
2. metode untuk nilai dinamis
Saat kita membuat objek JavaScript, kita perlu menentukan nama, properti, dan metodenya
Membuat Objek dalam JavaScriptAda empat cara berbeda untuk membuat objek
1. Objek Literal
2. Fungsi Konstruktor
3. Kelas ECMAScript 6
4. Obyek. buat Metode
Mari kita lihat masing-masing secara detail
1. Objek Literal
Literal objek adalah daftar pasangan kunci-nilai yang dipisahkan koma yang dibungkus dengan kurung kurawal. Karena objek adalah variabel, kita dapat menginstansiasinya dengan cara yang sama seperti variabel. Misalnya, kode berikut membuat objek bernama userProfile001 dengan tiga properti. nama depan, nama belakang, dan tanggal lahir
Objek Literal (a)
Kami juga dapat menambahkan metode ke objek literal. Misalnya, metode getName() di bawah mengambil dua properti dari objek userProfile001 (firstName dan lastName) dan mengembalikan nama lengkap pengguna. Kata kunci this mengacu pada objek saat ini yang propertinya dipanggil oleh metode
Objek Literal (b)
2. Fungsi Konstruktor
Metode kedua untuk membuat objek JavaScript adalah dengan menggunakan fungsi konstruktor. Kami mendefinisikan tipe objek tanpa nilai spesifik apa pun. Kemudian, kami membuat instance objek baru dan mengisinya dengan nilai yang berbeda
Di bawah ini, kita dapat melihat objek userProfile001 yang sama yang didefinisikan dengan menggunakan fungsi konstruktor bernama function User(). Konstruktor membuat tipe objek yang disebut User(). Kemudian, kami membuat instance objek baru bernama userProfile001, menggunakan operator baru. Fungsi konstruktor berisi tiga pernyataan this yang mendefinisikan tiga properti dengan nilai kosong. Nilai properti ditambahkan oleh setiap instance objek
Fungsi Konstruktor (a)
Selain properti, kami juga dapat mendefinisikan metode dalam fungsi konstruktor. Kita perlu menggunakan sintaks yang hampir sama dengan metode yang dibuat untuk objek literal. Satu-satunya perbedaan adalah di sini kita juga perlu menambahkan kata kunci ini sebelum nama metode
Fungsi Pembuat (b)
3. Kelas ECMAScript 6
ECMAScript 6 memperkenalkan kata kunci kelas untuk membuat kelas dalam JavaScript. Sekarang kita dapat menggunakan atribut kelas untuk membuat kelas dalam JavaScript alih-alih konstruktor fungsi, dan menggunakan operator baru untuk membuat instance. Dengan sintaks kelas ES6 yang baru, objek userProfile001 dapat dibuat dengan cara ini
Kelas ECMAScript 6
4. Obyek. buat Metode
Kita juga bisa membuat objek baru menggunakan Object. create() , yang memungkinkan kita menggunakan literal objek yang ada sebagai prototipe objek baru yang kita buat. Katakanlah kita ingin membuat objek userProfile002 yang memiliki properti dan metode yang sama dengan userProfile001, hanya dengan nilai yang berbeda
Kami menggunakan Objek. create() untuk membuat instance objek userProfile002 baru. Kita perlu menambahkan userProfile001 sebagai argumen dari metode create() , karena itu akan menjadi prototipe objek baru. Kemudian, kita cukup mengatur nilai untuk tiga properti (nama depan, Nama belakang, tanggal lahir) menggunakan notasi titik yang sudah dikenal
Obyek. membuat Kesimpulan Metode
Dalam JavaScript, ada empat cara untuk membuat objek — menggunakan literal objek, fungsi konstruktor, kelas dan objek ES6. buat metode, yang sangat berguna ketika kita perlu membuat objek menggunakan objek yang sudah ada sebagai prototipe