Prototaip lwn. Penutupan: Kaedah Penciptaan Objek JavaScript manakah yang Sesuai untuk Anda?

Pelaksanaan Objek JavaScript Tersuai yang Betul

JavaScript menawarkan dua pendekatan berbeza untuk mencipta objek tersuai dengan sifat dan kaedah: cara prototaip dan cara penutupan.

Cara Prototaip

Kaedah ini lebih asli kepada JavaScript dan memanfaatkan sifat carian prototaip bagi fungsi pembina.

function Shape(x, y) {
  this.x = x;
  this.y = y;
}

Shape.prototype.toString = function() {
  return 'Shape at ' + this.x + ', ' + this.y;
};

function Circle(x, y, r) {
  Shape.call(this, x, y); // Invoke base constructor
  this.r = r;
}
Circle.prototype = new Shape(); // Set subclass prototype

Circle.prototype.toString = function() {
  return 'Circular ' + Shape.prototype.toString.call(this) + ' with radius ' + this.r;
};

Cara Penutupan

Kaedah ini mengelakkan warisan prototaip sama sekali, mewujudkan penutupan baharu untuk setiap kejadian.

function Shape(x, y) {
  var that = this;
  this.x = x;
  this.y = y;
  this.toString = function() {
    return 'Shape at ' + that.x + ', ' + that.y;
  };
}

function Circle(x, y, r) {
  var that = this;
  Shape.call(this, x, y); // Invoke base constructor
  this.r = r;
  var _baseToString = this.toString;
  this.toString = function() {
    return 'Circular ' + _baseToString.call(that) + ' with radius ' + this.r;
  };
}

var myCircle = Circle(); // Using `new` is optional here

Pilihan dan Pertimbangan

Kedua-dua kaedah mempunyai kelebihan dan kelemahan.

Cara Prototaip

• Lebih cekap untuk pewarisan objek berat
• Asal JavaScript, memudahkan penggunaan instanceof
• Memerlukan invokasi pembina yang betul subkelas

Cara Penutupan

• Setiap contoh mempunyai salinan kaedahnya sendiri (kurang cekap)
• Memudahkan pengikatan kaedah kepada contoh
• Tiada contoh sokongan, memerlukan tersuai semak

Akhirnya, pilihan terbaik bergantung pada keperluan dan keutamaan projek tertentu.

Atas ialah kandungan terperinci Prototaip lwn. Penutupan: Kaedah Penciptaan Objek JavaScript manakah yang Sesuai untuk Anda?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!