Architecting JavaScript Code

function myNonClosure() { Variable lost after
var date = new Date(); function returns
return date.getMilliseconds();
}

function myClosure() { Variable stays around
var date = new Date(); even after function returns
//nested function
return function () {
return date.getMilliseconds();
};
}

var calc = new Calculator('eqCtl');
calc.add(2,2)

var Calculator = function() {
//private variables
//private functions

return {
//public members
};
};

<html>
...
<script source="first.js"></script>
<script source="second.js"></script>
</html>

// first.js
(function(ns) { // second.js
ns.Customer = function() { (function(ns) {
this.name = ""; ns.Order = function() { ... };
}; }(window.WilderMinds = window.WilderMinds || {}));
}(window.WilderMinds = window.WilderMinds || {}));

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>RequireJS</title>
</head>
<body>
<script src="scripts/require.js" data-main="scripts/lib/main.js">
</script>
</body>
</html>

// main.js
require(["Customer"],
// Requires the Customer Module
function (Customer) { // Call with required Module(s)
// Your Initialization Code
var c = new Customer("A Customer");
var name = c.name;
}
);

// Customer.js
define( [], // Required Scripts (None)
function(){
// Gets any required modules here like main
function Customer (name) {
this.name = name
}
return Customer; // Return the object that Requires
//constructor to allow you to call it
}

Architecting JavaScript Code

Recomendados

Recomendados

Mais conteúdo relacionado

Mais procurados

Mais procurados (18)

Destaque

Destaque (8)

Semelhante a Architecting JavaScript Code

Semelhante a Architecting JavaScript Code (20)

Último

Último (20)

Architecting JavaScript Code

Notas do Editor