Loading...
使用 SeaJS进行JavaScript模块化编程
原文链接 http://veryyoung.me/blog/2015/09/15/modularized-javascript-with-seajs.html
注:以下为加速网络访问所做的原文缓存,经过重新格式化,可能存在格式方面的问题,或偶有遗漏信息,请以原文为准。
传统的JavaScript编程很容易出现难以管理的现象,如依赖复杂、方法名冲突等各方面的弊端,SeaJS可以解决这个问题。
<!-- more -->
SeaJS的是支付宝著名前端工程师开发的一个前端模块化开发框架。
SeaJS是一个遵循CommonJS规范的JavaScript模块加载框架,可以实现JavaScript的模块化开发及加载机制。
Sea.js 追求简单、自然的代码书写和组织方式,具有以下核心特性:
- 简单友好的模块定义规范:Sea.js 遵循 CMD 规范,可以像 Node.js 一般书写模块代码。
- 自然直观的代码组织方式:依赖的自动加载、配置的简洁清晰,可以让我们更多地享受编码的乐趣。
- Sea.js 还提供常用插件,非常有助于开发调试和性能优化,并具有丰富的可扩展接口。
使用Sea.js有如下好处:
- 更好的分离
- 更好的代码组织方式
- 按需加载
- 避免命名冲突
- 更好的依赖处理
用起来很简单
// 所有模块都通过 define 来定义
define(function(require, exports, module) {
// 通过 require 引入依赖
var $ = require('jquery');
var Spinning = require('./spinning');
// 通过 exports 对外提供接口
exports.doSomething = ...
// 或者通过 module.exports 提供整个接口
module.exports = ...
});
类似的项目还有:RequireJS、CommonJS 等
参考: