JS中有多少Vars太多了？ [关闭]

Question

我正在构建一个页面，我们对问题的解决方案是将一些代码包装在一个函数中，然后在需要时调用它。

现在页面越来越大，每个项目都有自己的功能。根据 D. Crockford 的说法，每个函数都放在一个 VAR 中，所以：

function functionName(){}

相当于：

var var1 = functionName(){}

所以现在我们在页面中有很多变量（我也专门用 Crockford 先生推广的后一种格式编写它们），我担心这会产生太多变量（不确定这会导致任何问题，性能或其他）。我正在考虑制作一个对象文字并将每个函数作为值添加到键中。我认为这会将所有这些变量减少到一个可管理的单元中并减少我正在使用的变量数量（并避免任何潜在问题） - 或者会吗？

谢谢！

Answer 1

var 关键字实际上是用来管理变量范围的。 不使用 var 关键字会使变量成为全局变量。当变量不再使用时，变量占用的内存将被清除。大多数现代浏览器都包含一个垃圾收集器，负责释放未使用的空间。所以建议在块中使用 var 关键字会让你的 js 解释器少搜索变量，否则它将搜索整个文档以获取值。

Answer 2

在性能方面没关系，您可以使用任意数量的变量，性能只会受到函数中执行的任务的影响。

Answer 3

随着变量的不断增加，相关 JS 引擎设置的堆限制将发挥作用。

例如 - V8 引擎 seems to have 它设置为 1.4 GB

如果你真的用完了，是时候重新检查代码并停止指责 JS。

严肃地说，从实践的角度来看，这是一个巨大的限制，它告诉您您不必担心太多。

除了您友好的邻居，GC 将始终保持清洁并确保您与变量一起过着奢华的生活。

Answer 4

将代码封装在命名空间中是个好主意，但这样不会节省内存或提高性能。从性能的角度来看，您展示的两种方式都是相同的。
有一个约定可以避免名称冲突，但是基于恢复的域 - 想象一个为 SO 制作的 JS 库：

 // The following two lines are to protect namespace from overwriting and allow to
 // extend them easily
 if (!com) var com = {};
 if (!com.stackoverflow) com.stackoverflow = {};

 com.stackoverflow.renderSomething = function(){
     // Some very clever code here
 };

您无法通过这种方式获得其他任何好处，但以这种方式组织代码是值得的。

只是为了澄清：

function functionName(){};

几乎与

相同

var functionName = function(){};

Almost 因为在第一种形式中 functionName 在 parse-time 中定义，而后一种形式在 run-time 中定义 functionName。