javascript - 在 javascript 中实现 OOP 的更好方法

Question

我想用 JavaScript 和 Canvas 做一个框架(学术上)动画，我开始寻找使用 JavaScript 进行面向对象编程的指南，但我发现有太多变化。

例子:

// Example 1
var object = {
  public_method: function(){ //do something }
}

// Example 2
function object(){
  this.public_method = function(){ //do something }
}
var o = new object();

这是正确或最好的方法(简单而轻松)。

注意:这种项目有什么好的设计模式？

Answer 1

第一个只会创建一个实例，而第二个可用于创建多个实例。

我更喜欢使用构造函数并将方法放在原型(prototype)中。这样，方法只为所有实例创建一次，而不是为每个实例单独创建:

function ExampleObject() {
  this.answer = 42;
}

ExampleObject.prototype = {
  get_answer: function(){ return this.answer; },
  another_method: function(){}
};

var obj = new ExampleObject();
alert(obj.get_answer());