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

Empfohlen

Empfohlen

Weitere ähnliche Inhalte

Was ist angesagt?

Was ist angesagt? (18)

Andere mochten auch

Andere mochten auch (8)

Ähnlich wie Architecting JavaScript Code

Ähnlich wie Architecting JavaScript Code (20)

Kürzlich hochgeladen

Kürzlich hochgeladen (20)

Architecting JavaScript Code

Hinweis der Redaktion