javascript - Javascript 构造函数有什么意义？

Question

请仅针对 Javascript 提供您的想法!我知道类和经典继承，但不是很详细。

据我所知，构造函数被用作其他对象的原型(prototype)。例如，我可以创建一个汽车构造函数并为其提供 hondaCivic、toyotaCamry 等对象。关于构造函数还有其他重要的事情我应该了解吗？

此外，

1. 除了我已经说明的内容之外，构造函数的用途是什么？
2. 构造函数的优点/缺点是什么？

Answer 1

构造函数只是一个普通函数。它本身并没有什么特别之处。

所有函数都有一个名为prototype 的属性。

如果你写

var myInstance = new MyFuction();

JavaScript 在执行函数时会对您的函数做一些特殊的事情。

它将函数体内的this的值设置为myInstance。 此外，它还创建了对 MyFunction.prototype 的引用，并将其存储为 myInstance 的内部属性。

当您的代码正在执行时，解释器遵循的规则是，如果您尝试访问它找不到的 myInstance 上的属性，它将遵循对该函数的引用prototype 然后看那里。这形成了一条链，称为原型(prototype)链，一直通向 Object.prototype。

这是一个例子:

function Dog(name, breed) {
  this.name = name;
  this.breed = breed;

  //if you don't specify a return value, `this` will be returned
}

Dog.prototype.speak = function() {
  alert('Ruff, I\'m ' + this.name + ' the talking ' + this.breed);
}

var myDog = new Dog('buttercup', 'poodle');
myDog.speak();

上面的代码片段有效，但如果您运行:console.log(myDog)，您会发现它没有 speak 方法。 speak 方法是在它的原型(prototype)中找到的。

这意味着创建的 Dog 的所有“实例”都将共享相同的 speak 方法。

所以，如果我创造另一只狗，它也会说话:

var tommysDog = new Dog('rosco', 'pitbull');
tommysDog.speak(); //tommy's dog can speak too

  
    function Dog(name, breed) {
      this.name = name;
      this.breed = breed;

      //if you don't specify a return value, `this` will be returned
    }

    Dog.prototype.speak = function() {
      alert('Ruff, I\'m ' + this.name + ' the talking ' + this.breed);
    }

    var myDog = new Dog('buttercup', 'poodle');

    var tommysDog = new Dog('rosco', 'pitbull');
    tommysDog.speak();

这也意味着如果我在运行时更改 Dog.prototype.speak 的值，所有实例都会受到影响。

---

注意:从技术上讲，函数确实有一个 constructor 属性，但它不是那么重要的，如果我试图这样做，它只会让你更加困惑在这里解释一下。

我建议您阅读 mozilla docs

此外，我建议您阅读 this book .你会学到很多关于正确设计的知识。

---

另请注意，这只是实现代码重用的一种方法。您根本不必通过原型(prototype)。事实上，JavaScript 有一些方法可以让您将任意值作为 this 的值提供给函数作为参数。

这意味着，即使我的宠物蜥蜴不能正常说话，我也可以通过使用类似call() 的方法从Dog.prototype 中借用方法。或 apply() . (所有函数都有这些方法，因为它们从 Function.prototype“继承”它们。)

function Dog(name, breed) {
  this.name = name;
  this.breed = breed;

  //if you don't specify a return value, `this` will be returned
}
Dog.prototype.speak = function() {
  alert('Ruff, I\'m ' + this.name + ' the talking ' + this.breed);
};



function Lizard(name, species) {
  this.name = name;
  this.species = species;
}

Lizard.prototype.speak = function() {
  var pretend_dog = { name: this.name, breed: this.species };
  Dog.prototype.speak.call(pretend_dog);
};

var myLizard = new Lizard('larry', 'chamelion');
myLizard.speak();