requirejs 初探

作为一个前端模块化设计和加载的框架,我们该好好理解下。

引用 <script data-main=‘.. 主文件路径，相对于要请求的页面‘ src=‘requirejs地址‘>假如我们主文件时main.js

我们需要引用jquery,underscore,backbone

require.config({

baseUrl : ‘js的基本路径‘,//可以忽略

paths   : {

‘jquery‘: ‘jquery.min‘,

‘underscore‘: ‘underscore‘,

‘backbone‘:‘backbone‘

}

});

require([‘jquery‘,‘underscore‘,‘backbone‘],function($,_,Backbone){

//callback TODO

});

我们使用其最重要的一点是模块化设计,类似于后端的nodejs模块化

moduleA.js

define(function(){

function Person(name){

this.name = name;

};

Person.prototype.say =function(){

console.log(this.name +" : HI");

};

return Person;

});

引用此模块

var Person = require(‘./moduleA‘);