提高JavaScript中工厂模式的内存效率

Question

JavaScript的“对象”概念（实际上是地图）的简单性和灵活性一直吸引着我。出于这个原因，我更喜欢完全避免“对象原型”（和“类”的概念，它们只是对象原型的语法糖），而是选择工厂模式。

我发现了这篇文章，声明对象原型与工厂模式相比可以节省内存：https://medium.freecodecamp.org/class-vs-factory-function-exploring-the-way-forward-73258b6a8d15

“所有方法只在原型对象中创建一次，并由所有实例共享”

假设我有一个网页，它多次调用以下函数来“实例化”许多AnglePointer对象：

var AnglePointer = function() {
    var privateMembers = {};
    privateMembers.angle = 0;

    var self = {};

    self.turn = function(degrees) {
        privateMembers.angle += degrees;
        while (privateMembers.angle > 359) {
            privateMembers.angle -= 360;
        }
        while (privateMembers.angle < 0) {
            privateMembers.angle += 360;
        }
    };

    return self;
};

我可以通过引入如下所示的“共享”对象来提高内存效率吗？

var AnglePointer = (function() {
    var sharedMembers = {};

    sharedMembers.turn = function(self, privateMembers, degrees) {
        privateMembers.angle += degrees;
        while (privateMembers.angle > 359) {
            privateMembers.angle -= 360;
        }
        while (privateMembers.angle < 0) {
            privateMembers.angle += 360;
        }
    };

    return function() {
        var privateMembers = {};
        privateMembers.angle = 0;

        var self = {};

        self.turn = function(degrees) {
            shared.turn(self, privateMembers, degrees);
        };

        return self;
    };
})();

在第二个版本中，turn函数的实现在sharedMembers对象内部，使AnglePointer的每个“实例”只有一个小的单行函数调用共享函数。这会实现类似于对象原型的内存效率吗？或者每个实例的turn函数会占用尽可能多的内存，尽管它是一行函数？如果是后者，对象原型如何避免这个问题呢？

Answer 1

只需要一个小的单行函数来调用共享函数

这是基于错误信念，即为每个对象创建一个新功能。那是错的。代码中的所有函数只解析一次，只存在一次。在每次创建时创建的是一个新的闭包（规范称之为EnvironmentRecord）。如果函数不能访问任何外部变量，那么这个闭包可以被优化掉，从而使内存效率更高（并且可能更快）。

因此，你的“新模式”使事情变得更糟（但只是一点点）。主要问题仍然存在：

self.turn = function(degrees) {
   shared.turn(self, privateMembers, degrees);
};

由于函数使用其父作用域中的变量，因此无法优化，因此必须创建闭包。因此，每个turn方法都必须有一个闭包，并且每个对象都必须保持对它自己关闭的turn的引用。

使用符号可以非常准确地实现私有成员：

const angle = Symbol.for("angle");

function AnglePointer() {
  return {
   [angle]: 0,
   turn(degrees) {
     this[angle] = (this[angle] + degrees) % 360;
   },
  };
}

在这里可以分享turn，因为它不会访问任何外部变量。