Question

所以我一直在做类似JavaScript类的东西，比如

MyClass = function()
{
   var x;

   this.sayX = function()
   {
      alert(x);
   }
}

但我也见过

MyClass = function()
{
   this.x = 0;
}

MyClass.prototype.sayX = function()
{
   alert(this.x);
}

最大的问题是，我仍然在今天的JavaScript引擎中浪费内存空间，还是他们能够在我的方法中看到重复并优化它们？我问的原因是因为我宁愿做正确的数据隐藏而不必用'this'来填充所有内容。

Answer 1

第一个的内存占用量总是会更大。将prototype视为所有实例都可以使用的共享方法包。它是有效的，因为你没有为每个实例创建一个新函数，但你正在重用现有的内存方法。

好消息是你展示的两种方式可以结合起来。

MyClass = function () {
   var x;
   // public method with access 
   // to private variables
   this.sayX = function () {
      alert(x);
   };
}
// method that doesn't need access to private variables
MyClass.prototype.sharedMethod = function () {
   // ...
}

但是就你处理小代码库而言，你不应该担心内存使用情况。你甚至可以使用像

这样的模式

// everything will be created for every
// instance, but the whole thing is nicely
// wrapped into one 'factory' function
myClass = function () {
   // private variables
   var x;

   // private methods
   function doSomethingWithX() {}

   // public interface
   return {
     sayX: function () {
       alert(x);
     },
     publicMethod: function () { .. },
     // ...
   };
};

注意，我故意将myClass更改为小写，因为它不再是构造函数，并且在调用时不需要使用new！

更新 - 第三种模式非常适合您的需求：

MyClass = function (x, y, whatever) {
   this._init.apply(this, arguments);
}

// The prototype creates a scope for data hiding.
// It also includes a constructor function.
MyClass.prototype = (function () {
   var x; // private
   return {
     _init: function (x_in) {
       x = x_in;
     },
     sayX: function () {
       alert(x);
     },
     // ...
   };
})();

Answer 2

稍后重新审视这一点，但事实证明V8足够聪明，它不会在第一种方法中创建该函数的多个实例。去隐藏课程：D

http://www.youtube.com/watch?v=hWhMKalEicY

JavaScript类内存使用情况

2 个答案: