Tutorial pengaturcaraan berorientasikan objek JavaScript

Takrifan objek dalam JavaScript ialah: koleksi atribut tidak tertib, yang atributnya boleh termasuk nilai asas, objek atau fungsi. Anda boleh menganggap objek sebagai jadual cincang, iaitu satu set pasangan nilai nama (kunci: nilai), di mana nilainya boleh menjadi data atau fungsi Setiap objek dibuat berdasarkan jenis rujukan.

Memahami objek

Dalam blog sebelum ini, saya menulis bahawa terdapat dua cara untuk mencipta objek, satu ialah mencipta contoh objek , dan yang satu lagi adalah untuk mencipta contoh objek Satu ialah menggunakan kaedah literal objek:

var person = new Object();
person.sex = man;
person.name = bluce
person.age = 58;
person.sayHi() = function(){
console.log('Hello World!');
}

tetapi lebih kerap menggunakan kaedah berikut

var person = {
sex:man,
name:'bluce',
age:'58',
sayHi:function(){
console.log('Hello World!');
}
}

untuk mencipta objek

Satu objek boleh dibuat menggunakan kedua-dua pembina Objek dan kaedah literal objek, tetapi terdapat kelemahan yang jelas: mencipta banyak objek menggunakan antara muka yang sama akan menghasilkan banyak kod pendua. Kaedah yang biasa digunakan untuk mencipta objek termasuk corak kilang, model pembina dan corak prototaip.

Saya ada soalan di sini: selepas menggunakan spesifikasi AMD, satu fail js yang ditulis boleh dianggap sebagai modul, atau "kelas". Kini ia agak berbeza daripada konsep "kelas" dalam JavaScript . Saya keliru, saya harap saya dapat menjelaskan senario permohonan nanti.

Editor akan memperkenalkan anda kepada tutorial pengaturcaraan berorientasikan objek JavaScript di sini, saya harap ia akan membantu anda!

Mari tambahkan reka bentuk berorientasikan objek JavaScript kepada anda - corak kilang

Corak kilang ialah corak reka bentuk yang terkenal dalam bidang kejuruteraan perisian ini abstrak penciptaan prosedur Objek konkrit boleh menggunakan fungsi untuk merangkum butiran mencipta objek dengan antara muka tertentu.

Saya telah menggunakan corak reka bentuk ini dalam DAO di Jawa sebelum ini dan ia agak mudah difahami.

function createPerson(name,age,sex){
  var obj = new Object();
  obj.name = name;
  obj.age = age;
  obj.sex = sex;
  obj.sayHi() = function(){
    console.log(this.name);
  }; //引号不要漏掉，养成好的习惯
  return obj;
}
var person1 = createPerson("bluce",58,"man");
var person2 = createPerson("john",68,"man");

Gunakan fungsi ini untuk mencipta objek Orang yang mengandungi maklumat yang diperlukan berdasarkan parameter yang diterima. Fungsi ini boleh dipanggil bilangan kali tanpa had, setiap kali mengembalikan objek yang mengandungi tiga sifat dan satu kaedah. Corak kilang menyelesaikan masalah mencipta pelbagai objek yang serupa, tetapi tidak menyelesaikan masalah pengecaman objek (bagaimana untuk mengetahui jenis objek).

Di atas ialah keseluruhan kandungan bab ini Untuk lebih banyak tutorial berkaitan, sila lawati Tutorial Video JavaScript!