define(function() { var logon = function(userName, password) { if (userName === '小颖' && password === '1028') { return true; } else { return false; } }; return { logon: logon } });
1.小颖的基目录是:baseUrl: 'js/lib',大家看了阮一峰分享的日志应该对 baseUrl 也有所了解,小颖理解的 baseUrl 就是 如果你要调用很多一个目录下的js,那么你就将这个目录定位基目录,
2.paths:如果你在paths中引了你要用的js,那么后面你要用的时候只直接调用就好了,比如上面的app.js中,小颖在paths中已经引了jquery.js,所以在用jquery时:
require(['main', 'jquery'], function(mains, jq) { jq('#logBtn').click(function() { var logon = mains.logon(jq('#logBtn').val(), jq('#inputPassword').val()); if (logon) { alert('登陆成功!'); } else { alert('登陆失败!'); } }); });
jq 代表他们。如果上面的示例不够明了,大家看看下面这个:
app.js
requirejs.config({ baseUrl: 'js/lib', paths: { jquery: '../jquery' } }); require(['main'], function(mains) { console.log('调用main.js'); });
main.js
define(['jquery'], function(jq) { jq('#logBtn').click(function() { var _logon = logon(jq('#inputUserName').val(), jq('#inputPassword').val()); if (_logon) { alert('登陆成功!'); } else { alert('登陆失败!'); } }); var logon = function(userName, password) { if (userName === '小颖' && password === '1028') { return true; } else { return false; } }; return { logon: logon } });
如果只定义了基目录而没有在paths中引用jquery,那么当需要用jquery的时候,需要通过调用jquery的目录下的jquery.js,才能调用,不能直接调用:
app.js
requirejs.config({ baseUrl: 'js/lib', paths: { // jquery: '../jquery' } }); require(['main'], function(mains) { console.log('调用main.js'); });
main.js
define(['../jquery'], function() { $('#logBtn').click(function() { var _logon = logon($('#inputUserName').val(), $('#inputPassword').val()); if (_logon) { alert('登陆成功!'); } else { alert('登陆失败!'); } }); var logon = function(userName, password) { if (userName === '小颖' && password === '1028') { return true; } else { return false; } }; return { logon: logon } });
好啦,小颖的分享到这里就结束啦,希望对大家有所帮助,明天就是礼拜五啦,哈哈哈哈,后天就是周末啦,提前祝大家周末愉快哦!!!嘻嘻