Rumah > hujung hadapan web > tutorial js > Kaedah Penciptaan Objek — JavaScript

Kaedah Penciptaan Objek — JavaScript

DDD
Lepaskan: 2024-10-29 11:10:02
asal
621 orang telah melayarinya

Object Creation Methods — JavaScript

Dalam JavaScript, hampir "semuanya" ialah objek. Memahami cara mencipta dan bekerja dengan objek dengan berkesan adalah asas untuk menjadi mahir dalam pembangunan JavaScript.

Semua objek yang dibuat mewarisi terus daripada Object.prototype terbina dalam secara lalai.

Terdapat beberapa cara untuk mencipta objek dalam JavaScript. Berikut adalah beberapa kaedah biasa:

1. Literal Objek

Cara mudah dan Lurus untuk mencipta objek tanpa menyatakan prototaip secara eksplisit.

const obj = {
    property1: "value1",
    property2: "value2"
};
Salin selepas log masuk

2. Menggunakan kata kunci baharu dengan Object Constructor

Kami boleh mencipta objek menggunakan fungsi pembina Objek terbina dalam bersama-sama dengan kata kunci baharu.

const obj = new Object();
obj.key1 = value1;
obj.key2 = value2;
Salin selepas log masuk

3. Kaedah Object.create()

Tidak seperti kaedah mencipta objek lain, Object.create() membolehkan kami menentukan prototaip objek yang baru dibuat secara eksplisit.

const prototypeObject = {}; // Prototype object
const obj = Object.create(prototypeObject);
Salin selepas log masuk

Rantaian prototaip objek baharu akan memasukkan objek prototaip yang disediakan sebagai hujah, dan akhirnya, ia akan mewarisi daripada Object.prototype.

4. Fungsi Kilang

Pendekatan yang lebih mudah untuk mencipta objek dengan merangkum proses penciptaan objek dalam fungsi.

function myFunction(key1, key2) {
    return {
        key1: key1,
        key2: key2
    };
}

const obj = myFunction(value1, value2);
Salin selepas log masuk

5. Menggunakan Pembina Fungsi

Kita boleh mentakrifkan fungsi pembina dan kemudian mencipta objek daripadanya menggunakan kata kunci baharu yang berguna untuk mencipta berbilang objek dengan struktur yang sama.

Fungsi konstruktor biasanya bermula dengan huruf besar mengikut konvensyen.

function MyObject(key1, key2) {
    this.key1 = key1;
    this.key2 = key2;
}
const obj = new MyObject(value1, value2);
Salin selepas log masuk

6. Menggunakan Kelas ES6

Diperkenalkan dalam ES6, sintaks kelas membolehkan kami mentakrifkan rangka tindakan objek dengan lebih jelas.

Kelas adalah terutamanya gula sintaksis berbanding warisan berasaskan prototaip JavaScript sedia ada.

class MyClass {
    constructor(key1, key2) {
        this.key1 = key1;
        this.key2 = key2;
    }
}
const obj = new MyClass(value1, value2);
Salin selepas log masuk

Soalan Pantas: Adakah mungkin untuk mencipta objek tanpa kaedah prototaip?


Terima kasih kerana membaca! Saya harap anda mendapati blog ini bermaklumat dan menarik. Jika anda mendapati sebarang ketidaktepatan atau mempunyai sebarang maklum balas, sila jangan teragak-agak untuk memberitahu saya.

Atas ialah kandungan terperinci Kaedah Penciptaan Objek — JavaScript. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

sumber:dev.to
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
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan