Recomendados
Más contenido relacionado
La actualidad más candente
La actualidad más candente (20)
Similar a Write Better JavaScript
Similar a Write Better JavaScript (20)
Más de Kevin Whinnery
Más de Kevin Whinnery (10)
Último
Último (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!
Notas del editor
- 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.