使用原型JavaScript-最佳实践

Question

目前我正在一个项目中工作，我们正在编写面向对象的JavaScript。在本项目中，我看到了定义类的两种不同方式：

1：在原型上立即声明函数

My.Namespace.ClassName = function(param1, param2) {
   this.member1 = param1;
   this.member2 = param2;
};

My.Namespace.ClassName.prototype = {
   myFunction1: function() {
      return this.member1 + " " + this.member2;
   },

   myFunction2: function(param1) {
      this.member3 = paraml;
   }
};

2：在原型上准备每个功能

My.Namespace.ClassName = function(param1, param2) {
   this.member1 = param1;
   this.member2 = param2;
};

My.Namespace.ClassName.prototype.myFunction1 = function() {
   return this.member1 + " " + this.member2;
};

My.Namespace.ClassName.prototype.myFunction2 = function(param1) {
   this.member3 = paraml;
};

基于这两个给定的示例，JavaScript的行为有什么不同吗？还是只是风格上的不同？

就我个人而言，我没有看到任何行为上的差异，但我有一种感觉，那就是一定有一种微妙的差异，而我目前正错过这种差异。

除此之外。我想知道这是一种常见的做法还是有更好的方法来定义类。

Answer 1

有一个微妙的区别。在第一种方法中，当您覆盖原型时，其中的一个属性现在已丢失。这是构造函数，它指向您的函数。构造函数允许您重新创建它所属的对象类型。

你可以很容易地得到它回来，所以使用第一种方法手动设置它：

My.Namespace.ClassName.prototype = {
   myFunction1: function() {
      return this.member1 + " " + this.member2;
   },

   myFunction2: function(param1) {
      this.member3 = paraml;
   },
   constructor: My.Namespace.ClassName
};

另见：https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/constructor