在匿名函数中包装事件 - Javascript

Question

我一直在阅读匿名 javascript 函数，并且有一个关于通过 jquery 将它们与事件侦听器一起使用的一般性问题。

我有以下事件监听器，它会在提交表单时做一些事情。

if(sky === 'blue') {
    $('#my-form').on('submit', function(){
        //do some stuff
        $('#my-div').show();
    })
}

如果我在我的 javascript 文件中按原样声明它，或者我应该将它包装在像这样的匿名函数中，它会有什么不同（即，利弊，可能出错的事情等）

 $(function() {
    if(sky === 'blue') {
    //do my stuff
 }

感谢任何输入，谢谢！

Answer 1

如果您没有声明任何变量或函数并且，请确保您的代码将在 dom 准备好后执行，这没有任何区别。

但是常见的经验是，也许您现在确定这些前提是正确的，但有一天有人会破坏其中一个，那么您可能会遇到问题（泄漏、冲突、随便）。

作为建议，我会告诉您将代码包装到立即调用函数表达式 (IIFE) 中。