requireJS

2020-09-28  本文已影响0人  莣忧草_3b53

js的模块化发展历程

  1. 函数式
  function m1(){
    //...
  }

  function m2(){
    //...
  }
  1. 对象写法
  var module1 = new Object({

    _count : 0,

    m1 : function (){
      //...
    },

    m2 : function (){
      //...
    }

  });
  1. 立即执行函数
  var module1 = (function(){

    var _count = 0;

    var m1 = function(){
      //...
    };

    var m2 = function(){
      //...
    };

    return {
      m1 : m1,
      m2 : m2
    };

  })();
  1. 放大镜模式
  var module1 = (function (mod){

    mod.m3 = function () {
      //...
    };

    return mod;

  })(module1);
  1. 宽放大模式
  var module1 = ( function (mod){

    //...

    return mod;

  })(window.module1 || {});
  1. 输入全局变量
  var module1 = (function ($, YAHOO) {

    //...

  })(jQuery, YAHOO);
上一篇 下一篇

猜你喜欢

热点阅读