Penjelasan terperinci tentang cara praktikal untuk mencipta objek dan warisan objek dalam pengetahuan JavaScript_Basic

Konvensyen dalam artikel ini: Tanpa pengisytiharan khas, atribut merujuk kepada atribut atau kaedah.

Mencipta objek dan warisan objek sebenarnya adalah perkara yang sama: objek contoh yang kita perlukan memperoleh sifat peribadi melalui pembina dan sifat kongsi melalui rantai prototaip. Apakah cara yang baik? Sifat persendirian diperoleh melalui pembina (tidak kira sifat peribadi tersuai dalam contoh) dan tidak perlu ditulis semula Sifat yang dikongsi ditemui melalui rantaian prototaip dan tidak perlu dibuat berulang kali.

Pendekatan universal

Buat objek menggunakan gabungan corak pembina dan corak prototaip

function HNU_student(name) {
  this.name = name;
  this.sayName = function() {
    return this.name;
  };
}
HNU_student.prototype = {
  school: 'HNU',
  saySchool: function() {
    return this.school;
  }
};
Object.defineProperty(HNU_student, 'constructor', {value: HNU_student});

var hiyohoo = new HNU_student('xujian');

Prototaip akan ditulis semula melalui literal, dan pembina prototaip menghala ke Objek Jika perlu, pembina perlu ditakrifkan semula.

Warisan Kombinatorial Parasit

function object(o) {
  function F() {};
  F.prototype = o;
  return new F();
}
function inheritPrototype(child, parent) {
  var prototype = object(parent.prototype);
  prototype.constructor = child;
  child.prototype = prototype;
}

function HNU_student(name) {
  this.name = name;
  this.sayName = function() {
    return this.name;
  };
}
HNU_student.prototype.school = 'HNU';
HNU_student.prototype.saySchool = function() {
  return this.school;
};

function Student_2011(name, number) {
  HNU_student.call(this, name);
  this.number = number;
  this.sayNumber = function() {
    return this.number;
  }
}
inheritPrototype(Student_2011, HNU_student);
Student_2011.prototype.graduationTime = 2015;
Student_2011.prototype.sayGraduationTime = function() {
  return this.graduationTime;
};

var hiyohoo = new Student_2011('xujian', 20110803203);

Peranan objek(): Tukar objek yang dihantar sebagai parameter ke dalam prototaip contoh dan sifat objek dikongsi oleh semua kejadian.

Atribut dikongsi: inheritPrototype(Student_2011, HNU_student);, prototaip sub-pembina menjadi contoh prototaip super-pembina, dan atribut dalam prototaip super-pembina dikongsi dengan sub-pembina.
Sifat persendirian: HNU_student.call(ini, nama);, apabila mencipta contoh melalui sub-pembina, panggil super-pembina untuk mencipta sifat persendirian.

Cara lain untuk mencipta objek

Mod Prototaip Dinamik

function HNU_student(name) {
  this.name = name;
  this.sayName = function() {
    return this.name;
  };

  if (!HNU_student.prototype.school) {
    HNU_student.prototype.school = 'HNU';
    HNU_student.prototype.saySchool = function() {
      return this.school;
    };
  }
}

var hiyohoo = new HNU_student('xujian');

Letakkan sifat kongsi yang ditakrifkan dalam prototaip ke dalam pembina, gunakan pernyataan penghakiman dan mulakan sifat kongsi prototaip apabila pembina dipanggil buat kali pertama untuk mencipta tika.

Corak Pembina Parasit

function SpecialArray() {
  var values = new Array();
  values.push.apply(values, arguments);
  values.toPipedString = function() {
    return this.join('|');
  };

  return values;
}

var colors = new SpecialArray('red', 'black', 'white');

digunakan untuk menambah atribut khas kepada pembina asli.

Cara lain pewarisan objek

Pusaka gabungan

function HNU_student(name) {
  this.name = name;
  this.sayName = function() {
    return this.name;
  };
}
HNU_student.prototype.school = 'HNU';
HNU_student.prototype.saySchool = function() {
  return this.school;
};
function Student_2011(name, number) {
  HNU_student.call(this, name);
  this.number = number;
  this.sayNumber = function() {
    return this.number;
  };
}
Student_2011.prototype = new HNU_student();
Student_2011.prototype.constructor = Student_2011;
Student_2011.prototype.graduationTime = 2015;
Student_2011.prototype.sayGraduationTime = function() {
  return this.graduationTime;
}
var hiyohoo = new Student_2011('xujian', 20110803203);

Atribut dikongsi: Student_2011.prototype = new HNU_student();, prototaip sub-pembina menghala ke prototaip super-pembina, dan contoh itu menemui semua atribut yang dikongsi melalui rantaian prototaip.
Sifat persendirian: HNU_student.call(ini, nama);, apabila mencipta contoh melalui sub-pembina, panggil super-pembina untuk mencipta sifat persendirian.

Kecacatan: Pembina super dipanggil dua kali. Student_2011.prototype = new HNU_student(); pada masa yang sama, sifat persendirian yang ditakrifkan oleh super constructor dicipta dalam prototaip sub-konstruktor Sifat persendirian dalam prototaip ini ditimpa dan disekat oleh sifat nama yang sama dalam contoh.

Warisan prototaip, warisan parasit

function object(o) {
  function F() {}
  F.prototype = o;
  return new F();
}
var student1 = {
  school: 'HNU',
  saySchool: function() {
    return this.school;
  }
};
var student2 = object(student1);

Object.creat() ialah kaedah baharu dalam ECMAScript5 Ia menerima dua parameter: satu ialah objek asal sebagai prototaip, dan satu lagi ialah objek yang menggantikan atau menambah atribut Fungsinya adalah sama dengan objek tersuai ().

var student1 = {
  name: 'xujian',
  school: 'HNU'
};
var student2 = Object.create(student1, {
  name: {
    value: 'huangjing'
  }
});

Warisan parasit menambah atribut tambahan untuk meningkatkan objek berdasarkan warisan prototaip.

function object(o) {
  function F() {}
  F.prototype = o;
  return new F();
}
function creatAnother(original) {
  var clone = object(original);
  clone.sayHi = function() {
    alert('Hi!');
  };
  return clone;
}
var student1 = {
  school: 'HNU',
  saySchool: function() {
    return this.school;
  }
};
var student2 = creatAnother(student1);

Warisan prototaip dan warisan parasit digunakan untuk mencipta objek contoh yang serupa dengan objek sedia ada.