Javascript，使用一个本地对象而不是许多本地变量

Question

我经常使用 jslint 和工具来验证我的代码是否存在编程错误等...

在我的编程过程中，我经常发现我需要一个局部变量或一个局部函数来做一些简单的事情。所以我去我本地范围顶部的主要单 var 语句并调整它，有时会破坏我的创意流程。所以有时我会在我的代码中间声明一个单行 var 以继续我的编程，然后在重构期间将其移动到顶部的 var 语句中。

我今天有一个想法，我想探索，但在 Google 或 stackoverflow 上没有找到任何内容。

我的想法是这样，只需声明一个临时对象并将其用于任何需要。例如：为新变量或函数添加一些属性。

所以不是：

// if I omit the last comma, the next variable will be a global
var variable1 = "Hello World!",  
variable2 = "Testing...";  

(... some code ...)
var variable3 = 42;

我会改用：

var temp = {};
temp.variable1 = "Hello World!";
temp.variable2 = "Testing...";

(... some code ...)
temp.variable3 = 42;

所以我不会冒污染全局命名空间的风险，我会根据需要声明变量，并且不会为 var 语句而纠结，因为我总是知道变量以“temp”开头。在本地范围内。

任何意见或建议将不胜感激。

Answer 1

问自己一个问题：你见过其他人这样做吗？我个人没有。这应该给你一个迹象，表明有充分的理由不这样做。 本质上，您建议的是“命名空间”，这并不新鲜。在很多情况下都可以，但在这里——对于临时变量——我建议它突出代码气味。

您提到了全局命名空间的污染，但这应该很少成为问题。通过将代码分解为函数、类或模块，您的变量将包含在该范围内。

所以有时我会在我的中间声明一个单行 var 代码继续我的编程，然后将其移动到顶部 var 事后重构时的声明。

这听起来很糟糕。听起来您的代码块很长，这表明您应该从代码中提取函数。

我还要指出，在您的示例中，您还使用名为 temp 的变量污染了全局命名空间。

想想常见的 JavaScript 代码库； jQuery 只暴露了 jQuery 或 $ 变量。 Lodash/Underscore 只有 _。 Backbone 有“Backbone”等。为什么您的应用程序特别？只要有一个曝光点。

您的问题的另一个潜在解决方案是使用模块系统。编译后，代码将被包裹在一个闭包中，根本不会暴露给外界。使其模块化也将导致应用程序更整洁。

Answer 2

避免全局范围污染的最佳方法是将代码分解为小的独立函数和模块。

您提到必须重构代码，因为您的代码中间有变量声明。我个人认为你不需要这样做，我实际上发现代码更容易推断何时声明变量尽可能靠近它们的使用位置。只要您对范围和提升的工作方式感到满意，我看不出您应该将所有声明放在函数顶部的理由。