requireJS学习

来源：互联网发布：top域名管理局编辑：程序博客网时间：2024/06/03 12:39

最近学习了requireJS前段js模块处理，写个简单的例子作为requireJS入门。

为什么使用RequireJS
1.有效防止命名冲突
2.声明不同js文件之间的依赖
3.可以让代码以模块化的方式组织

RequireJS常用的方法
1.requirejs.config
2.requirejs
3.define

怎么进行使用呢，首先编写一个html，同时需要去官网下载requireJS的文件。http://requirejs.orh/

1.编写一个index.html

<html><head></head><body><!--data-main主要是引入Js主入口--><script src="js/require.js" data-main="js/main"></script></body></html>

2.写一个模块validate.js 用来处理表单验证,这里用到define，然后要return出来，才会得到。

define(['jquery'],function($){return {isEmpty:function(){},checkLength:function(){},isEqual:function(Str1,Str2){return str1===str2;}};});

3.写一个main.js主要用来结合你调用模块的js成为自己要用的精简模块（$符号是代表jquery），我这边融合上了config.js,其实config可以独立成独立的一个文件，待会一下说明怎么写。

requirejs.config({paths:{jquery:'jquery-1.11.3.min'}});requirejs(['jquery','validate'],function($,validate){console.log(validate.isEqual(1,2));});

4.如果config.js单独成一个人文件就要return出去，以下文件方式把定义的东西曝露出去，如果曝露出去，在其他main.js里requirejs要包含config这个模块，也就是要引入。config.js文件如下：

define(function() {return {URL: {INDEX: ctx + '/index/banner',},PRODUCT: {TIME_DEPOSIT_RATE: 0.0175,    // 银行定存利率TYPE_LIMITEDTIME: 7}};});

==>引入的时候

requirejs(['jquery','validate','config'],function($,validate,config){})

1 0