在匿名函数中扩展原型 - 奇怪的效果

Question

在尝试创建私有静态方法的方法时，我遇到了这种非常奇怪的行为。在下面的代码中，公共方法 getData 被它自己的返回数据覆盖，尽管它从未被显式调用！这对我来说很奇怪，想知道这里发生了什么。我想它不仅可以按照模块模式在匿名函数中包含整个页面，而且我仍然想了解这个错误。

function MyClass() {
    this._prop = true;
}
MyClass.prototype.getData = function () {
    this._prop = false;
    return { a: 2344, b: 765, c: 234 };
}

(function () {
    var privateStatic = 0;
    MyClass.prototype.getCount = function () {
        return privateStatic++;
    }
} ());

var m = new MyClass();
console.log(m.getData()); //Error (object is not a function)
console.log(m.getData); //prints {a:2344,b:765,c:234}

Answer 1

这种奇怪行为的原因是 getData 被立即调用，因为函数声明后缺少分号（很棒的地方，dandavis）和紧随其后的 IIFE，用括号括起来。本质上是这样的：

MyClass.prototype.getData = function () {
  this._prop = false;
  return { a: 2344, b: 765, c: 234 };
} // Notice no semicolon here!
(function () {
  var privateStatic = 0;
  MyClass.prototype.getCount = function () {
    return privateStatic++;
  }
} ());

变成这样：

MyClass.prototype.getData = function () {
  this._prop = false;
  return { a: 2344, b: 765, c: 234 };
}();

因此将 getData 属性设置为函数的返回值。因此为什么m.getData 打印出{ a: 2344, b: 765, c: 234 } 和m.getData() 不起作用（它不再是一个函数！）。