javascript - JS 命名空间和页面加载

Question

我已经阅读了有关如何创建 JS 命名空间的信息，但我的问题是如何确保里面的函数只会在页面加载时发生？即代替：

$(document).ready(function () {...});

（或任何其他库，然后是 jquery）。

另外 - 有没有办法控制页面加载时会启动什么以及之前会启动什么？

谢谢！：）

Answer 1

下面的示例使用立即函数来封装代码并在事件上注册一个事件处理程序，该事件DOMContentReady在浏览器准备好 DOM 但加载图像时触发。

(function () {
  'use strict';

  var
  init = function () {
    window.console.info('init()');
  };

  window.addEventListener('DOMContentReady', init, false);
}());

一旦浏览器加载代码，立即函数就会被执行。从那时起，可以安排不同的事件来安排进一步的代码执行。

如果不使用像 jquery 这样在本主题中付出一些努力的框架，您必须自己处理不同浏览器中的不同事件。

Answer 2

将此代码从jquery代码中取出

 var MyReallyCoolLibrary = {
awesome: "stuff",
doSomething: function() {
},
doAnotherThing: function() {
}

};

   MyReallyCoolLibrary.awesome;

   alert(MyReallyCoolLibrary.awesome);