华山资源网

seajs学习教程之基础篇
网络编程 2024/11/15 佚名
3 1

介绍

众所周知前端开发模块化已经是大势所趋，目前模块化的规范有很多，众所周知的有commonJS，Module/Wrappings和AMD等，而且ES6也着手开始制定模块化机制的实现。类似于c/c++的include，java中的import关键字，在js中也定义了require关键字，用以引进依赖模块。

由于规范的多样性，模块化的实现也是各有各的不同。

nodejs遵从的就是commonJS规范，它有着一些形式上的约定：　　

      1、require为函数，该函数接受一个字符串作为模块标示符

      2、require函数返回值为该模块API

      3、require函数出错，则抛出异常

      4、exports导出模块API

      5、如果有多个require，则依次加载依赖

但是浏览器端加载的模块却不像服务器端，依赖模块不在本地，需要通过http请求获取文件，这就涉及到异步加载。但是异步加载并不阻塞代码的运行，如果函数上下文中应用了加载的依赖模块，而此时依赖模块并未加载或者解析完毕，就会抛出undefined错误，避免该错误的发生可以使用回调模式。当所有依赖模块均加载完毕，后执行代码。这也就是Module/Wrappings规范，而seajs基本实现了该规范。

SeaJS 是一个模块加载器，模块加载器需要实现两个基本功能：

      1、实现模块定义规范，这是模块系统的基础。

      2、模块系统的启动与运行。

剖析

阅读seajs官网的入门demo，首先在主页面引入seajs文件，并设置入口

// seajs 的简单配置
seajs.config({
 base: "../sea-modules/",
 alias: {
 "jquery": "jquery/jquery/1.10.1/jquery.js"
 }
})

// 加载入口模块
seajs.use("../static/hello/src/main")

其次定义模块（main.js）

// 所有模块都通过 define 来定义
define(function(require, exports, module) {

 // 通过 require 引入依赖
 var $ = require('jquery');
 var Spinning = require('./spinning');

 // 通过 exports 对外提供接口
 exports.doSomething = ...

 // 或者通过 module.exports 提供整个接口
 module.exports = ...

});

这样，当打开页面时，会调用seajs.use函数并加载main.js文件，此时解析main模块的依赖，并加载jquery和spining模块，待这两个模块加载完毕，执行回调函数。具体执行细节将会在分析源码时提到。

总结

以上就是关于seajs介绍与剖析的全部内容，希望本文的内容对大家学习或者使用seajs能有所帮助，如果有疑问大家可以留言交流。小编还会陆续更新关于seajs的文章，感兴趣的朋友们请继续关注。

华山资源网 Design By www.eoogi.com
广告合作：本站广告合作请联系QQ：858582 申请时备注：广告合作（否则不回）
免责声明：本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除！
华山资源网 Design By www.eoogi.com
www.eoogi.com 华山资源网
120,135影音资源
344,641技术资源
22,817软件资源
435,032站长资源

更新日志

友情链接

杰晶网络 DDR爱好者之家 桃源资源网 杰网资源 富贵资源网 南强小屋 铁雪资源网 幽灵资源网 万梅资源网 狼山资源网 白云岛资源网 昆仑资源网 相思资源网 明霞山资源网 内蒙古资源网 黑松山资源网 茶园资源网 饿虎岗资源网 大旗谷资源网 常春岛资源网 岱庙资源网 兴国资源网 快活林资源网 蝙蝠岛资源网 帝王谷资源网 白云城资源网 伏龙阁资源网 清风细雨楼 天枫庄资源网 圆月山庄资源网 无争山庄资源网 神水资源网 移花宫资源网 神剑山庄资源网 无为清净楼资源网 金钱帮资源网 丐帮资源网 华山资源网 极乐门资源网 小李飞刀资源网 凤求凰客栈 风云阁资源网 金狮镖局 鸳鸯亭资源网 千金楼资源网 更多链接
华山资源网 Design By www.eoogi.com