javascript 构建模块化开发过程解析

这篇文章主要介绍了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技术站其它相关文章!

赞(0) 打赏
未经允许不得转载:0133技术站首页 » JavaScript 教程