代码改变世界

扯扯 require .js

2013-05-27 23:19  掸尘  阅读(2605)  评论(4)  编辑  收藏  举报

　　最近的项目，前端方面慢慢在统一用 jquery + require + backbone来构架前端。require 其他学习起来很简单。个人总结就是 1. 首先进行配置 2.定义模块 3.引用模块并执行  下面是一个简单的实例

　　1.配置参数，比如导入的路径

<!DOCTYPE html>
  <html>
  <head>
    <meta charset="utf-8">
    <title>require.js的练习</title>
  </head>
  <body>
  </body>
  </html>
<script src="require.js"></script>
<script>
require.config({
    baseUrl: 'js/'
});
</script>
<script src="js/test.js"></script>


　　首先引入 require类库 ，通过require.config 进行配置

　　2.define关键字定义模块 比如  a.js

define(function(){
    function add(x, y){
        return x+y;
    }
    
    return add;
})


在定义b.js  但是b.js 是依赖于a.js,可以通过下面进行定义

define(['a'], function(add){
    function calculate(x, y) {
        return (add(x,y))*(x -y);
    }
    return calculate;
})

　　3.引用模块
　　模块定义好了，下面就是 引用模块并执行，引用模块就用require ，这和php的引用文件差不多。test.js

require(['b'], function(calcaute) {
    alert(calcaute(3,1))
});

　　我个人认为require.js 只是提供一种模块化的规范，必须按照那个规则来书写。如果没有模块化的思想，即时你用require的框架。写出的东西一样很烂。require+ backbone是一个不错的形式，因为backbone框架把一些东西模块化了。