这篇文章主要介绍了javascript 构建模块化开发过程解析,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
在使用 sea.js 、require.js 、 angular 的时候。
我们使用到 define 、 module(require) 的方式,定义模块,和依赖模块
下面给出 define 和 module 的简单实现。 其本质,就是往一个对象上面添加方法
var F = {}; F.define = function(str,fn){ var parts = str.split("."); var parent = this; // parent 当前模块的父模块 var i = len = 0; //如果第一个模块是模块单体对象,则移除 if(parts[0] == "F"){ parts = parts.slice(1); } //屏蔽对 define module 模块方法重写 if(parts[0] == "define" || parts[0] == "module"){ return ; } for(len = parts.length; i
当然了,这里使用的,F 对象,实际应用中,应该写在闭包里面。不能让外界直接访问,于是有如下代码。
var Sea = (function(){ var F = {}; F.define = function(str,fn){ var parts = str.split("."); var parent = this; // parent 当前模块的父模块 var i = len = 0; //如果第一个模块是模块单体对象,则移除 if(parts[0] == "F"){ parts = parts.slice(1); } //屏蔽对 define module 模块方法重写 if(parts[0] == "define" || parts[0] == "module"){ return ; } for(len = parts.length; i
以上就是javascript 构建模块化开发过程解析的详细内容,更多请关注0133技术站其它相关文章!