Rumah >hujung hadapan web >tutorial js >Ringkasan kaedah untuk mencipta objek tersuai dalam petua Javascript_javascript

Ringkasan kaedah untuk mencipta objek tersuai dalam petua Javascript_javascript

WBOY
WBOYasal
2016-05-16 16:29:121312semak imbas

Terdapat banyak cara untuk mencipta objek dalam Javascript.

Pembina objek/objek literal:

Ketepikan corak reka bentuk, kaedah paling asas ialah dengan memanggil pembina Objek terlebih dahulu untuk mencipta objek, dan kemudian menambah sifat pada objek.

Salin kod Kod adalah seperti berikut:

var pelajar = Objek baharu();
Student.name = "xiao ming";
Pelajar.umur = 20;
student.getName = fungsi () {
makluman(nama.ini);
}

Pelajar yang biasa dengan literal objek JavaScript boleh bertukar kepada cara penulisan yang lebih baik, yang sekurang-kurangnya kelihatan lebih ringkas.

Salin kod Kod adalah seperti berikut:

var pelajar = {
         nama: "xiao hong",
Umur: 18,
          getName: function () {
makluman(nama.ini);
}
};

Kelemahan: Kelemahan kaedah di atas ialah apabila menggunakan antara muka yang sama untuk mencipta banyak objek yang serupa, sejumlah besar kod pendua akan dihasilkan. Ini sepatutnya mudah difahami. Fungsi (kaedah atau kelas) biasanya digunakan untuk mencipta kaedah awam Proses penciptaan objek di atas tidak mempunyai bayangan fungsi sama sekali, jadi tiada penggunaan semula.

Mod Kilang:

Corak kilang mengabstraksikan proses khusus untuk mencipta objek. Sama seperti kotak hitam, selagi anda memanggil fungsi (masuk kilang) dan memasukkan parameter yang sepadan (pelbagai bahan mentah), objek yang sepadan (produk yang dihasilkan oleh kilang) akan keluar. Corak kilang menyelesaikan masalah mencipta berbilang objek serupa.

Salin kod Kod adalah seperti berikut:

Fungsi pelajarKilang(nama, umur) {
        var pelajar = new Object();
             pelajar. nama = nama;
            pelajar.umur = umur;
            pelajar.sayName = function () {
makluman(nama.ini);
         }
          pelajar kembali;
}
var p1 = studentFactory("ming", 20);
var p2 = studentFactory("hong", 18);

Kelemahan: Corak kilang juga mempunyai kelemahan. Ia hanya boleh ditentukan bahawa objek adalah jenis Objek (p1 instanceof Object), tetapi ia tidak dapat ditentukan secara khusus jenisnya. Pelajar yang dicipta menggunakan corak kilang sebenarnya mempunyai sifat dan kaedah yang sama, tetapi dengan nilai yang berbeza. Penyelesaian yang lebih baik pada masa ini ialah mencipta fungsi Pelajar supaya semua objek tergolong dalam jenis Pelajar. Jadi corak kilang tidak buruk, cuma corak pembina lebih baik.

Pembina jenis tersuai:

Pembina boleh digunakan untuk mencipta objek jenis tertentu.

Salin kod Kod adalah seperti berikut:

Fungsi Pelajar(nama, umur) {
This.name = nama;
This.age = umur;
This.sayName = function () {
makluman(nama.ini);
         }
}
var p3 = Pelajar baharu("ming", 20);
var p4 = Pelajar baharu("hong", 18);
makluman(p3 contoh Pelajar); makluman(p3.sayName==p4.sayName); //false

Kelemahan: Kelemahan pembina tersuai ialah setiap objek akan mencipta semula kaedahnya sendiri Sebenarnya, fungsi kaedah ini adalah sama (seperti sayName), tetapi ia tidak sama (p3.sayName dan p4.sayName. tidak sama).

Mod prototaip:

Tentukan fungsi kosong, kemudian tambah semua sifat dan kaedah pada prototaip, supaya semua objek akan berkongsi sifat dan kaedah ini.

Salin kod Kod adalah seperti berikut:

Fungsi Pelajar() {};
Student.prototype.name = "ming";
Student.prototype.age = 20;
Student.prototype.friends = ['qi'];
Student.prototype.sayName = fungsi () {
makluman(nama.ini);
};

Kelemahan: Sesetengah atribut tidak boleh dikongsi dan perkongsian akan menyebabkan masalah, seperti: rakan. Kebanyakan kawan setiap kelas adalah berbeza.

Gabungan pembina dan prototaip:

Salin kod Kod adalah seperti berikut:

Fungsi Pelajar(nama, umur, rakan) {
This.name = nama;
This.age = umur;
This.friends = kawan;
}
Pelajar.prototaip = {
         pembina: Pelajar,
            sebutNama: fungsi () {
makluman(nama.ini);
         }
};

Ringkasan: Gabungan pembina dan prototaip ialah kaedah yang diiktiraf secara meluas untuk mencipta jenis tersuai. Ia juga merupakan kaedah terbaik di antara kaedah di atas.

/*************************************************** *************************************************** *********/

Malah, terdapat banyak cara untuk mencipta objek di atas, tetapi mungkin masih terdapat beberapa senario khas yang memerlukan pengoptimuman berterusan.

Mod Prototaip Dinamik:

Ia adalah pengoptimuman gabungan pembina dan prototaip. Bagi sifat dan kaedah yang dikongsi itu, jika ia dimulakan, ia tidak perlu dimulakan semula untuk meningkatkan kecekapan.

Salin kod Kod adalah seperti berikut:

        fungsi Pelajar(nama, umur) {
This.name = nama;
This.age = umur;
Jika ((typeof this.sayName) != "function") {
                  Student.prototype.sayName = function () {
makluman(nama.ini);
                }
           }
}
      var stu = Orang baharu("ming", 20);
//alert(stu instanceof Student);
stu.sayName();
   var stuNew = new Person("hong", 18);
   //alert(stuNew instanceof Student);
   stuNew.sayName();

Apabila mencipta berbilang objek pelajar, kaedah sayName hanya akan dimulakan sekali.

Akhir sekali, terdapat cara yang sangat berguna untuk mencipta objek, iaitu pembina yang selamat.

Corak pembina yang pasti:

Dalam mod ini, penggunaan ini dan baharu adalah dilarang, dan semua objek tidak mempunyai atribut awam. Nilai pembolehubah hanya boleh dibaca, tidak diubah suai.

Salin kod Kod adalah seperti berikut:

////Corak pembina yang pasti
fungsi Pelajar(nama, umur) {
        var o = Objek baharu();
             o.sayName = function () {
makluman(nama);
          }
          kembali o;
}
var stu = Pelajar("ming", 21);
stu.sayName();

Di atas meringkaskan beberapa kaedah Javascript biasa untuk mencipta objek tersuai. Jika anda mempunyai idea yang lebih baik, sila hubungi saya Artikel ini akan dikemas kini secara berterusan.

Kenyataan:
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