Recommended
More Related Content
What's hot
What's hot (20)
Similar to Write Better JavaScript
Similar to Write Better JavaScript (20)
More from Kevin Whinnery
More from Kevin Whinnery (10)
Recently uploaded
Recently uploaded (20)
Write Better JavaScript
- 1. Write Better JavaScript Kevin Whinnery Engineer and Platform Evangelist Appcelerator, Inc. @kevinwhinnery
- 2. Kevin Whinnery Engineer and Platform Evangelist Appcelerator since 2008 Husband and father of three: Web developer and JavaScript slinger turned mobile and desktop hacker. http://kevinwhinnery.com http://twitter.com/kevinwhinnery http://github.com/kwhinnery
- 4. Object-Oriented Programming in JavaScript
- 5. Useful JavaScript Patterns, Tricks, and Style Guidelines
- 6. JavaScript in Titanium Mobile
- 8. “JavaScript is the incredibly hot girl at the party that brings her loser boyfriend DOM” Tom Robinson Founder, 280 North
- 10. Object-Oriented (Prototypical Inheritance)… or not
- 11. Flexible Objects
- 14. Covers the good and bad
- 15. I use patterns from this book every time I write JS
- 17. Global Variables app.js some/library.js
- 19. false
- 20. 0
- 21. ‘’
- 22. null
- 23. undefined
- 24. NaN
- 25. Truthy Values:
- 26. Everything else
- 28. typeof is a liar
- 29. there’s more (http://wtfjs.com ), but let’s skip to…
- 30. The Good Parts
- 34. Closures
- 35. Flexible Objects
- 36. Duck Typing
- 37. …plus it’s EVERYWHERE. one could develop all kinds of software applications with nothing else.
- 38. OOP! (There it is!)
- 39. JavaScript has Prototypal Inheritance, which creates new copies of objects from an existing object (the prototype) there’s much more to it than this, but we’ll keep it mostly high level…
- 40. Object Constructors * The capital first letter is by convention, not requirement.
- 41. Object Prototype
- 42. we could have also wrote…
- 43. …but object instantiation using the prototype to define functions/properties is faster. http://ejohn.org/blog/simple-class-instantiation mentions this and other methods for…
- 45. JavaScript doesn’t support multiple inheritance, but there are multiple libraries that handle that and more, including underscore.js http://documentcloud.github.com/underscore/#extend
- 47. Add new features and functionality to it (the parasites, if you will)
- 48. Pass it off as an instance of a new object
- 50. Useful Tricks
- 52. Self-calling function provides encapsulation
- 54. Uses functional scope to provide a public interface to a module
- 56. Function interfaces can rationalize many input types
- 59. Can replace “this” inside function with something more useful
- 60. call: call a function with known arguments
- 62. Call Example
- 63. A More Useful “this”
- 64. Style Guidelines
- 66. JavaScript file contents (cohesion)
- 67. Google Style Guidelines: http://bit.ly/g_style
- 69. Huge files – if you want to write 13,000 lines in a file, go back to enterprise Java
- 70. Semicolons are not optional – you don’t want the interpreter writing code for you
- 73. JavaScript in Titanium Mobile
- 75. Android – Rhino – Java-based, meant for the server-side, just okay in terms of performance
- 76. Coming soon – Android/V8 – C-based, super duper fast, minimum Android version 2.2 (don’t freak out, check the version distribution stats)
- 82. JavaScript: The Good Parts
- 86. @BrendanEich
- 87. @functionsource
- 88. @dalmaer
- 89. @thomasfuchs
- 90. @zacharyjohnson
- 91. @wycats
- 92. @DavidKaneda
- 93. @rem
- 95. http://badassjs.com- then, after that, go here
- 96. http://jsbin.com - handy test harness
- 97. https://github.com/cjohansen/juicer - Great compression and obfuscation utility (Ruby)
- 99. Thank You!
Editor's Notes
- A closure is a function, with a referencing environment for the free variables (arguments) to that function – it provides the function with a scope, that will live on for the life of the closure. It’s also the only way to create scope in JavaScript.