JavaScript Bootcamp
Download as PPTX, PDF0 likes946 views
This document provides an introduction to JavaScript, covering primitive data types, objects, functions, inheritance, closures, and common design patterns. It discusses how JavaScript is an object-oriented, dynamically typed language that runs on the client-side. Core concepts explained include prototypal inheritance instead of classes, how functions are objects, and how to use closures to hide private data. Common patterns like the module and singleton patterns are also mentioned. Issues with the language like lack of encapsulation and global variables are briefly outlined.
![Objects: Value retrieval>>> person["first-name"]"Jan">>> person.first-name"Jan"](https://image.slidesharecdn.com/javascript-bootcamp-110826025249-phpapp01/85/JavaScript-Bootcamp-12-320.jpg)
![Module Patternvar module = function () {data = {}return { get : function (name) { return data[name] }, set : function (name, value) { data[name] = value; return this.get(name); }}}();](https://image.slidesharecdn.com/javascript-bootcamp-110826025249-phpapp01/85/JavaScript-Bootcamp-24-320.jpg)
JavaScript Bootcamp
- 1. KnockoutJS
- 2. But first… JavaScript Bootcamp!Primitive TypesObjectsFunctionsInheritanceClosuresDesign Patterns
- 4. IntroductionThe dominant client side programming language on the webCompletely dynamic languageImplemtations are undergoing homogenistationLibraries are just as well known as the language
- 5. Numbersvar foo = 1;
- 6. Stringsvar foo = "bar";
- 7. Booleansvar foo = true;var bar = false;
- 8. nullnull is an object
- 10. ObjectsEverything else in JavaScript is objectsObjects are collections of name/value pairs
- 11. Objects: Object Literalsvar foo = {};var person = { "first-name": "Jan","last-name": "Kristiansen"};
- 12. Objects: Value retrieval>>> person["first-name"]"Jan">>> person.first-name"Jan"
- 13. Objects: Values setting>>> person.age = 24;>>> person.age24
- 14. Objects: References// References different objectsvar a = {}, b = {}, c = {}// References SAME objectvar a = b = c = {}
- 15. Objects: Deletion>>> delete person.age>>> person.age"undefined"
- 17. Functionsvar foo = function () { …}
- 18. Prototypal InheritanceThere are no classes in JavaScriptObjects inherit directly from other objects"Classical" inheritance still possible
- 19. Prototypal Inheritance>>> var foo = function () { this.bar = 1 };>>> var bar = function () {};>>> bar.prototype = new foo;>>> var test = new bar();>>> test.bar;1
- 20. Hiding data with closuresvar person = function (name) {this.getName = function () { return name;};this.setName = function (newName) { return name = newName;};};
- 21. Hiding data with closuresvar person = function (name) {this.getName = function () { return name;};this.setName = function (newName) { return name = newName;};};
- 22. Hiding data with closuresvar person = function (name) {this.getName = function () { return name;};this.setName = function (newName) { return name = newName;};};
- 24. Module Patternvar module = function () {data = {}return { get : function (name) { return data[name] }, set : function (name, value) { data[name] = value; return this.get(name); }}}();
- 25. The bad partsall variables are global…a set of non-transitive equality operators…features like eval is missused…ambiguity when defining functionsno encapsulation
- 26. Sources"Private Members in JavaScript" http://www.crockford.com/javascript/private.html "JavaScript: The Good Parts"http://www.amazon.com/JavaScript-Good-Parts-Douglas-Crockford/dp/0596517742"Object Oriented JavaScript"http://www.slideshare.net/mgirouard/object-oriented-javascript-1628090