The define () method looks like -
ü The define () method is used for facilitating module definition
ü The define () method accepts two optional parameters module ID and array of required modules [dependencies]
ü The define() method MUST return the implementation for your module i.e.
define(
module_id /*optional*/,
[dependencies] /*optional*/,
definition function /*function for instantiating the module or object*/
);
And
define(['moduleA', 'moduleB'], function (moduleA, moduleB) {
//define the module value by returning a value
return function () {};
});
The require () method looks like -
ü The require () method is used for handling dependency loading
ü The require () function doesn't have to return the implementation of a new module.
require(['jquery'], function ($) {
//jQuery was loaded and can be used now.
});
Example 1 -
define( 'MyApp', ["marionette"], function (Marionette) {
// set up the app instance
var app = new Marionette.Application();
app.on("initialize:after", function(){
console.log("initialize started.");
});
// export the app from this module
return app;
});
Example 2 -
// Fetch and execute Marionette App
require( ["MyApp"], function (app) {
// Execute App
app.start();
});
Example 3 -
define({
"root": {
"india": "india",
"australia": "australia",
"england": "england"
}
});
I hope you are enjoying with this post! Please share with you friends!! Thank you!!!