Javascript 中附加到原型或对象实例的方法有什么区别？

Question

我对 Javascript 中原型的使用有点困惑。

让我们看下面的例子：

(1)

   function Rectangle(w, h) { 
      this.width=w; 
      this.height=h; 
      this.area=function() { this.width * this.height; }
   }

类似的情况，该区域附加到原型上，如下所示：

(2)

   function Rectangle(w, h) { 
      this.width=w; 
      this.height=h; 
   }
   Rectangle.prototype.area=function() { this.width * this.height; }

• (1) 和 (2) 之间有什么区别？
• 你什么时候会使用（1）或（2）在类上编写方法？

Answer 1

原型最好以不同的方式展示。

function rectangle(w, h) {
    var rect = {};
    rect.width=w; 
    rect.height=h; 
    rect.area=function() { return this.width * this.height; };
    return rect;
}

vs

var Rectangle = {
    area: function() { return this.width * this.height; }
}

function rectangle(w, h) {
    var rect = Object.create(Rectangle);
    rect.width=w; 
    rect.height=h; 
    return rect;
}

这个想法很简单，你把常见的东西放在原型对象上，然后继承它。

至于什么时候要用原型？总是。

当然，您可能想要用 Sugar 改进 ES5 OO