javascript - 所有库之后脚本中的匿名函数

Question

只是想知道使用样式是否有任何好处:(function() { <code> })();在您的脚本文件中执行库脚本。基本上是逻辑用于设置事件监听器和其他初始化逻辑的地方。
例如:

<script>
(function() {
     $('div').on('click', 'a', function() {
          alert('click');
     });
})();
</script>

对比

<script>
     $('div').on('click', 'a', function() {
          alert('click');
     });
</script>

Answer 1

在这种情况下，自执行匿名函数的要点是避免在不需要真正的全局函数时定义全局函数或变量。由于您的示例两者都没有，因此在这种情况下不需要。

自执行匿名函数提供了一个私有(private)闭包供您定义任何您想要的东西，它与外界隔离。它不会与任何外部代码发生冲突，并且外部代码无法直接访问闭包内的函数和变量。

至于你问的这是否是一种标准做法，这完全取决于你。我个人认为这是个好主意，因为这样您就可以自由定义辅助函数或偶尔的全局变量，而无需触及实际的全局空间。如果您正在使用 $(document).ready(fn)，那么您的初始代码已经有了一个闭包，因此您已经在这方面做好了准备。如果没有，则由您决定。我个人认为这是一个好主意，并且认为将其作为标准做法几乎没有什么坏处。当然，你必须记住，如果你需要一个真正的全局变量或函数，那么你必须在 window 对象上定义它，以便它在你的闭包之外可用。