javascript - 在两个功能之间进行选择的建议

Question

下面有两段 jQuery 代码 (1) (2)，有人能告诉我哪一个更好吗？为什么？我应该放置 myfunction在顶部还是底部？我在相关主题的许多答案中都看到过这两种情况。

(1)

var myfunction = function () {
  // do stuff
};

$(document).ready(myfunction);
$(window).resize(myfunction);

(2)

$(document).ready(myfunction);
$(window).on('resize',myfunction);

function myfunction() {
    // do stuff
}

如果问题没有以正确的方式提出，请原谅我。

Answer 1

为了不污染全局命名空间，我会将所有 jquery 任务包装到一个自调用函数中，并在那里执行这些操作:

$(function () {
  
  function myFunction() {
    console.log("doing stuff");
  }

  $(window).on("resize", myFunction);

  myFunction();

});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

另外，不要忘记 JavaScript 优先采用驼峰命名法，因此使用 myFunction 而不是 myfunction :)