Rumah > hujung hadapan web > tutorial js > Bilakah Saya Harus Menggunakan Object() vs. Notasi Literal Objek baru dalam JavaScript?

Bilakah Saya Harus Menggunakan Object() vs. Notasi Literal Objek baru dalam JavaScript?

DDD
Lepaskan: 2024-11-16 19:21:03
asal
515 orang telah melayarinya

When Should I Use new Object() vs. Object Literal Notation in JavaScript?

Penciptaan Objek dalam JavaScript: new Object() vs. Object Literal Notation

Amalan mencipta objek dalam JavaScript boleh melibatkan dua pendekatan biasa : sintaks berasaskan pembina menggunakan new Object() dan notasi literal objek. Walaupun kedua-dua kaedah kelihatan menghasilkan hasil yang serupa, terdapat perbezaan yang perlu dibuat.

Sintaks berasaskan Pembina (melalui Object() baharu):

Pendekatan ini melibatkan membuat instantiating objek baharu menggunakan kata kunci baharu dan pembina Object(), seperti yang dilihat dalam contoh pertama kod:

person = new Object()
Salin selepas log masuk

Notasi Literal Objek:

Sebaliknya, notasi literal objek menyediakan cara ringkas untuk mentakrifkan objek secara langsung dalam pendakap kerinting, seperti yang ditunjukkan dalam kod contoh kedua:

person = {
    property1 : "Hello"
};
Salin selepas log masuk

Perbezaan dalam Kaedah Definisi:

Perbezaan utama antara kedua-dua pendekatan ini nyata apabila menggabungkan kaedah ke dalam objek.

Menggunakan Literal Objek (Keburukan):

Apabila mentakrifkan kaedah dalam literal objek, setiap contoh objek membawa salinan kaedahnya sendiri, yang membawa kepada overhed memori, terutamanya apabila bekerja dengan banyak objek atau kaedah.

function Obj( prop ) { 
    return { 
        p : prop, 
        sayHello : function(){ alert(this.p); }, 
    }; 
} 

var foo = new Obj( "hello" ); // creates a new instance of Obj
Salin selepas log masuk

Menggunakan Object() baharu dengan Prototaip Warisan (Kelebihan):

Dengan sintaks berasaskan pembina, kaedah boleh ditakrifkan pada prototaip objek, membenarkan semua kejadian berkongsi kaedah yang sama. Pendekatan ini menjimatkan ingatan dan amat berfaedah apabila menguruskan set objek besar atau hierarki kaedah kompleks.

function Obj( prop ) { 
    this.p = prop; 
} 
Obj.prototype.sayHello = function(){alert(this.p);}; 

var foo = new Obj( "hello" ); // creates a new instance of Obj
Salin selepas log masuk

Kesimpulan:

Dalam senario mudah di mana objek kekurangan kaedah, kedua-duanya pendekatan berfungsi sama. Walau bagaimanapun, apabila bekerja dengan objek yang memerlukan kaedah, sintaks berasaskan pembina dengan warisan prototaip muncul sebagai pilihan unggul, menawarkan penjimatan memori yang ketara dan organisasi kod yang cekap.

Atas ialah kandungan terperinci Bilakah Saya Harus Menggunakan Object() vs. Notasi Literal Objek baru dalam JavaScript?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

sumber:php.cn
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