Pengumpulan kaedah untuk mencipta dan memanggil kemahiran JavaScript objects_javascript

Semasa mengerjakan projek hari ini, saya menghadapi situasi di mana saya perlu mencipta objek JavaScript. Jadi saya Bing artikel yang ditulis oleh orang asing tentang tiga cara untuk mencipta objek JavaScript, dan kemudian menaip kod selepas membacanya. Saya rasa kaedah ini agak bagus, jadi saya ingin berkongsi dengan anda di sini.

1. Gunakan fungsi untuk mencipta objek:

Salin kod Kod adalah seperti berikut:

//Takrifkan objek
fungsi Haiwan(jenis)
{
This.name="";
This.type=type;
This.introduction=function(){
            kembalikan "Nama saya: " this.name ", saya tergolong dalam " this.type;
}
}
var animal=new Animal("poultry"); //Segera objek yang kami buat di atas
animal.name="小红";
alert(animal.introduction()); //Panggil fungsi pengenalannya (pada masa ini, halaman akan muncul: Nama saya Xiaohong, saya tergolong dalam unggas);

Semua orang mesti biasa dengan kaedah ini. Walau bagaimanapun, menggunakan kaedah ini akan menyebabkan kehilangan prestasi. Di sini, kami membuat instantiate objek melalui kunci baharu. Sebenarnya, kunci baharu melakukan dua perkara. Pertama, kaedah tanpa nama (Haiwan) ditakrifkan. 2. Sebut saja. Ini tidak secekap kaedah yang akan kami perkenalkan seterusnya.

2. Gunakan literal objek:

Saya tidak tahu sama ada terjemahan itu betul. Saya akan memberitahu anda alamat asal nanti. Jika anda berminat, anda boleh membaca teks asal.

Salin kod Kod adalah seperti berikut:

//Takrifkan objek
var Buku=
{
                nama: "A Dream of Red Mansions",
          jenis:"Karya Sastera",
           getAuthor:function()
{
            kembali: "Saya anak Cao Xueqin!";
}
}
​​​ alert(Book.GetAuthor()); //Panggil kaedah objek, dan halaman akan muncul: Saya anak Cao Xueqin.
        Book.name="Slam Dunk";                                                                                                                                                              ... ="Slam Dunk";                           // Ubah suai sifat objek
alert(Book.name); //Pada masa ini, halaman akan muncul: Slam Dunk

Saya percaya semua orang akan faham mengapa kaedah ini lebih cekap selepas melihat kod tersebut. Kerana ia bersamaan dengan mentakrifkan pembolehubah global JavaScript. Kita boleh menggunakannya secara langsung tanpa membuat seketika. Walau bagaimanapun, ini kelihatan pelik. Nah, inilah penyelesaiannya. Mari kita lihat kaedah ketiga.

3. Mod Singleton (Singleton menggunakan fungsi):

Mungkin tidak sesuai untuk menterjemahkannya ke dalam mod tunggal. Mari lihat kod dahulu:

Salin kod Kod adalah seperti berikut:

//Takrifkan objek
var Jantina=fungsi baharu()
{
This.type="girl";
This.speaking=function()
{
        kembalikan "Saya" ini.jenis;
}
}
alert(Gender.speaking();) //Gunakan objek Pada masa ini, halaman akan muncul: Saya seorang perempuan.

Lihat kod ini, adakah ia sangat serupa dengan kaedah kami? Walau bagaimanapun, ia berfungsi seperti kaedah satu. Kaedah 1: Gunakan objek sekali dan buat objek sekali. Kaedah ini mencipta objek sekali dan boleh menggunakannya secara kekal. Oleh itu, pendekatan ini hampir sama dengan corak tunggal dalam corak reka bentuk.