Engineering JavaScript

Engineering JavaScript Dr Jim Purbrick Async 10th March 2011

Who Am I?Technical Director at Linden Lab Setup Linden Lab Brighton Software Engineer Musician Freelancer Entrepreneur

That’s No Moon...35,000 CPU CoresWeekly ReleasesNo Downtime1.5 MLOC100 Engineers10 Years Image: jurvetsonC++, Python, Perl, PHP, C#...

21st Century JavaScript Image: Google Image: W3C

ModulemyOrg = (function(myOrg) { var myApp = myOrg.myApp = myOrg.myApp || {}; function myPrivateFunction() { // Do my thing. } myApp.myPublicFunction = function() { return myPrivateFunction(); } return myOrg;}(myOrg || {}));

myOrg = (function(myOrg) { Class var myApp = myOrg.myApp = myOrg.myApp || {}, myClass = myOrg.myApp.myClass = myOrg.myApp.myClass || {}; myClass.create = function() { var that = {}; myPrivateMethod() { } that.myPublicMethod = function() { myPrivateMethod(); }; return that; }; return myOrg;}(myOrg || {}));

InheritancemyOrg = (function(myOrg) { var myApp = myOrg.myApp = myOrg.myApp || {}, mySub = myOrg.myApp.mySub = myOrg.myApp.mySub || {}; mySub.create = function() { var that = myApp.myClass.create(), myClassMyPublicMethod = that.myPublicMethod; that.myPublicMethod = function() { // Do something. return myClassMyPublicMethod(); }; return that; }; return myOrg;}(myOrg || {}));

Dependency InjectionmyOrg = (function(myOrg) { var myApp = myOrg.myApp = myOrg.myApp || {}, mySub = myOrg.myApp.mySub = myOrg.myApp.mySub || {}; mySub.create = function(params) { var that = params.constructor(), myClassMyPublicMethod = that.myPublicMethod, $ = params.jQuery; that.myPublicMethod = function() { return myClassMyPublicMethod(); }; return that; }; return myOrg;}(myOrg || {}));

Production<script type="text/javascript">$(window).load(function() { var params, mySubInstance; params = { constructor: myOrg.myClass.create, jQuery: jQuery }; mySubInstance = myOrg.myApp.mySub.create(params); // Do something with mySubClassInstance.};</script>

TestJsHamcrest.Integration.QUnit();JsMockito.Integration.QUnit();test(mySubClass calls super class constructor, function () { var params, mySubInstance; params = { constructor: mockFunction(), jQuery: mockFunction() }; mySubInstance = myOrg.myApp.mySub.create(params); verify(params.constructor, once())();});

More?1. http://www.adequatelygood.com/2010/3/ JavaScript-Module-Pattern-In-Depth2. http://www.crockford.com/3. http://oreilly.com/catalog/97805965177484. http://docs.jquery.com/Qunit5. http://jsmockito.org/

Thank You!http://jimpurbrick.comhttp://18dex.com

Engineering JavaScript

by Jim Purbrick

Accessibility

Categories

Upload Details

Usage Rights

2 Embeds 4

Statistics

Engineering JavaScript Presentation Transcript

http://www.techgig.com	3
http://www.linkedin.com	1