JavaScript - Kata 'new'Keyword: Padang Pandai Mencipta Objek

Hai sana, para ahli JavaScript masa depan! Hari ini, kita akan mengemban perjalanan menarik ke dunia penciptaan objek menggunakan kata 'new' yang penuh keajaiban. Jangan khawatir jika Anda baru dalam programming; saya akan menjadi panduan ramah Anda, dan kita akan mengungkap konsep ini langkah demi langkah. Jadi, ambil keyboard Anda (tongkat sihir), dan mari kita masuk ke dalam!

Apa Itu Kata 'new'?

Sebelum kita mulai memakai sihir (menulis kode), mari kita memahami apa arti kata 'new'. Dalam JavaScript, 'new' adalah seperti mantra khusus yang membantu kita menciptakan objek baru berdasarkan fungsi pembangun atau kelas. Itu seperti memiliki blueprint untuk sebuah rumah dan menggunakannya untuk membangun beberapa rumah.

Sintaks: Cara Menggunakan Kata 'new'

Sintaks untuk menggunakan kata 'new' cukup sederhana:

let namaObjek = new NamaFungsiPembangun(argumen);

Jangan khawatir jika ini terlihat sedikit membingungkan saat ini. Kita akan membongkar hal ini dengan contoh saat kita maju.

Menggunakan 'new' dengan Fungsi Pembangun

Mari kita mulai dengan fungsi pembangun. Ini seperti resep untuk menciptakan objek. Ini adalah contoh:

function AhliSihir(nama, rumah) {
this.nama = nama;
this.rumah = rumah;
this.cast = function() {
console.log(this.nama + " menciptakan sihir!");
};
}

let harry = new AhliSihir("Harry Potter", "Gryffindor");
console.log(harry.nama); // Output: Harry Potter
harry.cast(); // Output: Harry Potter menciptakan sihir!

Dalam contoh ini, kita telah menciptakan pembangun AhliSihir. Ketika kita menggunakan 'new AhliSihir()', itu seperti mengatakan, "Ciptakan ahli sihir baru berdasarkan blueprint ini." Kata 'new' melakukan beberapa hal untuk kita:

1. Menciptakan objek kosong baru.
2. Mengatur 'this' dalam pembangun ke objek baru ini.
3. Mengeksekusi fungsi pembangun, menambahkan properti ke objek baru.
4. Mengembalikan objek baru.

Apakah itu bukan magis? Kita dapat menciptakan banyak ahli sihir seperti ini menggunakan pembangun ini!

Menggunakan 'new' dengan Kelas

Sekarang, mari kita naik tingkat dan lihat penggunaan 'new' dengan kelas. Kelas dalam JavaScript adalah seperti fungsi pembangun yang lebih kuat dan terorganisir. Ini adalah contoh:

class BukuSihir {
constructor(judul, penulis) {
this.judul = judul;
this.penulis = penulis;
this.sihir = [];
}

tambahSihir(sihir) {
this.sihir.push(sihir);
console.log(`Menambah ${sihir} ke ${this.judul}`);
}

buatSihir(index) {
if (index < this.sihir.length) {
console.log(`Menciptakan ${this.sihir[index]}!`);
} else {
console.log("Sihir tidak ditemukan dalam buku!");
}
}
}

let bukuPemula = new BukuSihir("Panduan Pemula ke Sihir", "Merlin");
bukuPemula.tambahSihir("Lumos"); // Output: Menambah Lumos ke Panduan Pemula ke Sihir
bukuPemula.buatSihir(0); // Output: Menciptakan Lumos!

Di sini, kita menggunakan 'new' dengan kelas BukuSihir. Itu bekerja mirip dengan fungsi pembangun, tetapi kelas menyediakan cara yang lebih bersih dan terorganisir untuk menciptakan objek dengan metode.

Menggunakan 'new' dengan Objek Bawaan

JavaScript juga memiliki objek bawaan yang dapat kita ciptakan menggunakan 'new'. Mari kita lihat beberapa contoh:

// Menciptakan objek Date baru
let hariIni = new Date();
console.log(hariIni); // Output: Tanggal dan waktu saat ini

// Menciptakan array baru
let itemSihir = new Array(" tongkat sihir", "potion", "sci");
console.log(itemSihir); // Output: [" tongkat sihir", "potion", "sci"]

// Menciptakan RegExp (Regular Expression) baru
let sihir = new RegExp("abracadabra", "i");
console.log(sihir.test("ABRACADABRA")); // Output: true

Dalam contoh ini, kita menggunakan 'new' dengan objek bawaan JavaScript. Itu seperti menggunakan alat sihir yang siap pakai!

Magi di Balik 'new': Pandangan Lebih Dalam

Sekarang kita telah melihat 'new' dalam aksi, mari kita lihat di belakang layar untuk memahami apa yang sebenarnya dilakukan. Ketika Anda menggunakan 'new', JavaScript melakukan langkah-langkah berikut:

1. Menciptakan objek kosong baru.
2. Mengatur prototype objek baru ke properti prototype pembangun.
3. Menjelajah fungsi pembangun dengan 'this' diatur ke objek baru.
4. Mengembalikan objek baru (kecuali pembangun mengembalikan nilai non-primitif).

Ini adalah tabel yang menggabungkan metode utama terkait dengan 'new':

Metode	Deskripsi
Object.create()	Menciptakan objek baru dengan prototype objek dan properti yang ditentukan
Object.setPrototypeOf()	Mengatur prototype objek tertentu ke objek lain
Function.prototype.call()	Menjelajah fungsi dengan nilai 'this' dan argumen yang diberikan secara individual
Function.prototype.apply()	Menjelajah fungsi dengan nilai 'this' dan argumen yang diberikan sebagai array

Menutup Perjalanan Magis Kita

Dan di sana Anda punya nya, para pemula! Kita telah mengungkap keajaiban kata 'new', dari fungsi pembangun dasar ke kelas dan objek bawaan. Ingat, 'new' adalah tongkat sihir Anda untuk menciptakan objek di JavaScript. Gunakanlah dengan bijak, dan Anda akan membuat program yang menakjubkan dalam waktu singkat!

Sebelum kita berpisah, ini adalah tantangan pemrograman kecil untuk Anda: Cobalah menciptakan kelas 'Potion' dengan properti 'name', 'effect', dan metode 'drink()'. Kemudian, buat beberapa potion menggunakan kata 'new'. Selamat pemrograman, dan semoga perjalanan JavaScript Anda penuh dengan magi dan keajaiban!

Credits: Image by storyset