JS_模块的命名空间

最新推荐文章于 2022-05-24 10:42:00 发布

原创最新推荐文章于 2022-05-24 10:42:00 发布 · 219 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#js #jquery #命名空间

本文探讨了JavaScript中创建命名空间的技巧，通过立即执行函数实现模块化，并避免全局变量冲突。`finalCarousel`作为示例，展示了如何定义和初始化模块，以及如何在全局作用域中暴露关键方法。这个例子特别强调了`init`和`destroy`方法，它们对于管理和组织代码结构至关重要。

模块的命名空间


  (function($, window, document) {

  function go(num) {
  }

  function handleEvents() {
  }

  function initialize() {
  }

  function dieCarouselDie() {
  }

  //attach to the global scope
//添加到全局空间
  window.finalCarousel = {//window下的finalCarousel便为自定义的命名空间名,{}为Object的对象字面量声明法，它可以开辟一个新空间,
  //因此给新空间命名便产生了独立的具名空间，然后把模块返回的对象放入其中，调用时则用命名空间的名字调用，这样就不会产生模块返回对象中的成员名称与其它与其它地方的属性名冲突的问题。
  //比如jQuery就是一个模块，而它的命名空间名称为$,因此使用jQuery中的属性则用$开头然后调用。
    init : initialize,
    destroy : dieCouraselDie
  }

})( jQuery, window, document );