Let's Have a Cup of CoffeeScript

A run through a lot of features CoffeeScript offers to ease your JavaScript development.

Transcript

1. Let’s Have a Cup of
3. JavaScript
5. JavaScript
7. me = { name: “Nicolás”, location: “Montevideo, Uruguay”, age: 26, likesWorkingOn: [“Ruby”, “JavaScript”], twitter: “@godfoca”, github: “http://github.com/foca”, url: “http://nicolassanguinetti.info”, company: { name: “Cubox”, url: “http://cuboxsa.com” } }
8. me = { name: “Nicolás”, location: “Montevideo, Uruguay age: 26, likesWorkingOn: [“Ruby”, “Java twitter: “@godfoca”, github: “http://github.com/foc url: “http://nicolassanguinett company: { name: “Cubox”, url: “http://cuboxsa.com”
9. me = { name: “Nicolás”, location: “Montevid age: 26, likesWorkingOn: [“R twitter: “@godfoca” github: “http://git
10. me = { name: “Nicolás” location: “Mont age: 26, likesWorkingOn: twitter: “@godf
11. = { name: “Nico location: “ age: 26, me There’s no var
13. me = { name: “Nicolás”, location: “Montevideo, Uruguay”, age: 26, likesWorkingOn: [“Ruby”, “JavaScript”], twitter: “@godfoca”, github: “http://github.com/foca”, url: “http://nicolassanguinetti.info”, company: { name: “Cubox”, url: “http://cuboxsa.com” } }
15. me = { name: “Nicolás”, location: “Montevideo, Uruguay”, age: 26, likesWorkingOn: [“Ruby”, “JavaScript”], twitter: “@godfoca”, github: “http://github.com/foca”, url: “http://nicolassanguinetti.info”, company: { name: “Cubox”, url: “http://cuboxsa.com” } }
16. me = name: “Nicolás”, location: “Montevideo, Uruguay”, age: 26, likesWorkingOn: [“Ruby”, “JavaScript”], twitter: “@godfoca”, github: “http://github.com/foca”, url: “http://nicolassanguinetti.info”, company: name: “Cubox”, url: “http://cuboxsa.com”
17. me = name: “Nicolás”, location: “Montevideo, Uruguay”, age: 26, likesWorkingOn: [“Ruby”, “JavaScript”], twitter: “@godfoca”, github: “http://github.com/foca”, url: “http://nicolassanguinetti.info”, company: name: “Cubox”, url: “http://cuboxsa.com”
18. me = name: “Nicolás”, location: “Montevideo, Uruguay”, age: 26, likesWorkingOn: [“Ruby”, “JavaScript”], twitter: “@godfoca”, github: “http://github.com/foca”, url: “http://nicolassanguinetti.info”, company: name: “Cubox”, url: “http://cuboxsa.com”
19. me = name: “Nicolás” location: “Montevideo, Uruguay” age: 26 likesWorkingOn: [“Ruby”, “JavaScript”] twitter: “@godfoca” github: “http://github.com/foca” url: “http://nicolassanguinetti.info” company: name: “Cubox” url: “http://cuboxsa.com”
20. me = name: “Nicolás” location: “Montevideo, Uruguay” age: 26 likesWorkingOn: [“Ruby”, “JavaScript”] twitter: “@godfoca” github: “http://github.com/foca” url: “http://nicolassanguinetti.info” company: name: “Cubox” url: “http://cuboxsa.com”
21. Let’s Have a Cup of
22. Let’s Have a Cup (or six) of
23. 1st Cup A simple comparison
24. var square = function(num) { return num * num; } var list = [1, 2, 3, 4, 5]; var squares = []; for (var i = 0; i < list.length; i++) { squares.push(square(list[i])); } 1st Cup: A simple comparison
25. var square = function(num) { return num * num; } var list = [1, 2, 3, 4, 5]; var squares = []; for (var i = 0; i < list.length; i++) { squares.push(square(list[i])); } 1st Cup: A simple comparison
26. var square = function(num) { return num * num; } var list = [1, 2, 3, 4, 5]; var squares = []; for (var i = 0; i < list.length; i++) { squares.push(square(list[i])); } 1st Cup: A simple comparison
27. var square = function(num) { return num * num; } var list = [1, 2, 3, 4, 5]; var squares = []; for (var i = 0; i < list.length; i++) { squares.push(square(list[i])); } 1st Cup: A simple comparison
28. var square = function(num) { return num * num; } var list = [1, 2, 3, 4, 5]; var squares = []; for (var i = 0; i < list.length; i++) { squares.push(square(list[i])); } 1st Cup: A simple comparison
29. square = (num) -> num * num list = [1..5] squares = (square n for n in list) 1st Cup: A simple comparison
30. square = (num) -> num * num list = [1..5] squares = (square n for n in list) 1st Cup: A simple comparison
31. square = (num) -> num * num list = [1..5] squares = (square n for n in list) 1st Cup: A simple comparison
32. square = (num) -> num * num list = [1..5] squares = (square n for n in list) 1st Cup: A simple comparison
33. square = (num) -> num * num list = [1..5] squares = (square n for n in list) 1st Cup: A simple comparison
34. 2nd Cup The Useless Calculator
35. var add = function(x, y) { return x + “ + “ + y + “ = “ + (x + y); } console.log(add(2, 3)) > 2 + 3 = 5 console.log(add(5, 7)) > 5 + 7 = 12 2nd Cup: The Useless Calculator
36. var add = function(x, y) { return x + “ + “ + y + “ = “ + (x + y); } console.log(add(2, 3)) > 2 + 3 = 5 console.log(add(5, 7)) > 5 + 7 = 12 2nd Cup: The Useless Calculator
37. var add = function(x, y) { return x + “ + “ + y + “ = “ + (x + y); } console.log(add(2, 3)) > 2 + 3 = 5 console.log(add(5, 7)) > 5 + 7 = 12 2nd Cup: The Useless Calculator
38. var add = function(x, y) { return x + “ + “ + y + “ = “ + (x + y); } console.log(add(2, 3)) > 2 + 3 = 5 console.log(add(5, 7)) > 5 + 7 = 12 2nd Cup: The Useless Calculator
39. var add = function(x, y) { return x + “ + “ + y + “ = “ + (x + y); } console.log(add(2, 3)) > 2 + 3 = 5 console.log(add(5, 7)) > 5 + 7 = 12 2nd Cup: The Useless Calculator
40. add = (x, y) -> “#{x} + #{y} = #{x + y}” console.log add(2, 3) > 2 + 3 = 5 console.log add(5, 7) > 5 + 7 = 12 2nd Cup: The Useless Calculator
41. add = (x, y) -> “#{x} + #{y} = #{x + y}” console.log add(2, 3) > 2 + 3 = 5 console.log add(5, 7) > 5 + 7 = 12 2nd Cup: The Useless Calculator
42. add = (x, y) -> “#{x} + #{y} = #{x + y}” console.log add(2, 3) > 2 + 3 = 5 console.log add(5, 7) > 5 + 7 = 12 2nd Cup: The Useless Calculator
43. add = (x, y) -> “#{x} + #{y} = #{x + y}” console.log add(2, 3) > 2 + 3 = 5 console.log add(5, 7) > 5 + 7 = 12 2nd Cup: The Useless Calculator
44. add = (x, y) -> “#{x} + #{y} = #{x + y}” console.log add(2, 3) > 2 + 3 = 5 console.log add(5, 7) > 5 + 7 = 12 2nd Cup: The Useless Calculator
45. 3rd Cup Your Favorite Language
46. languageOfChoice = (lang) -> “#{lang} rocks!” 3rd Cup: Your Favorite Language
47. languageOfChoice = (lang) -> “#{lang} rocks!” 3rd Cup: Your Favorite Language
48. languageOfChoice = (lang) -> “#{lang} rocks!” 3rd Cup: Your Favorite Language
49. languageOfChoice = (lang) -> “#{lang} rocks!” 3rd Cup: Your Favorite Language
50. languageOfChoice = (lang) -> “#{lang} rocks!” console.log languageOfChoice(“Ruby”) > Ruby rocks! 3rd Cup: Your Favorite Language
51. languageOfChoice = (lang) -> “#{lang} rocks!” Implicit Return 3rd Cup: Your Favorite Language
52. languageOfChoice = (lang) -> return “#{lang} rocks!” Implicit Return 3rd Cup: Your Favorite Language
53. languageOfChoice = (lang) -> if lang == “PHP” “Get outta here!” else “#{lang} rocks!” Implicit Return 3rd Cup: Your Favorite Language
54. languageOfChoice = (lang) -> if lang == “PHP” return “Get outta here!” else return “#{lang} rocks!” Implicit Return 3rd Cup: Your Favorite Language
55. Default Arguments languageOfChoice = (lang = “Ruby”) -> “#{lang} rocks!” 3rd Cup: Your Favorite Language
56. languageOfChoice = (lang = “Ruby”) -> “#{lang} rocks!” console.log languageOfChoice(“Lua”) > Lua rocks! Default Arguments 3rd Cup: Your Favorite Language
57. languageOfChoice = (lang = “Ruby”) -> “#{lang} rocks!” console.log languageOfChoice(“Lua”) > Lua rocks! console.log languageOfChoice() > Ruby rocks! Default Arguments 3rd Cup: Your Favorite Language
58. Optional Parentheses languageOfChoice = (lang = “Ruby”) -> “#{lang} rocks!” 3rd Cup: Your Favorite Language
59. languageOfChoice = (lang = “Ruby”) -> “#{lang} rocks!” console.log languageOfChoice “Lua” > Lua rocks! Optional Parentheses 3rd Cup: Your Favorite Language
60. languageOfChoice = (lang = “Ruby”) -> “#{lang} rocks!” console.log languageOfChoice “Lua” > Lua rocks! console.log languageOfChoice Optional Parentheses 3rd Cup: Your Favorite Language
61. languageOfChoice = (lang = “Ruby”) -> “#{lang} rocks!” console.log languageOfChoice “Lua” > Lua rocks! console.log languageOfChoice > [Function] Optional Parentheses 3rd Cup: Your Favorite Language
62. languageOfChoice = (lang = “Ruby”) -> “#{lang} rocks!” console.log languageOfChoice “Lua” > Lua rocks! console.log languageOfChoice > [Function] console.log languageOfChoice() > Ruby rocks! Optional Parentheses 3rd Cup: Your Favorite Language
63. Splats languagesOfChoice = (langs...) -> “I like #{langs.join(“, “)}” 3rd Cup: Your Favorite Language
64. Splats languagesOfChoice = (langs...) -> “I like #{langs.join(“, “)}” languagesOfChoice “Ruby”, “JS”, “Python” > I like Ruby, JS, Python 3rd Cup: Your Favorite Language
65. Splats myLangs = [“Ruby”, “JS”, “Python”] 3rd Cup: Your Favorite Language
66. Splats myLangs = [“Ruby”, “JS”, “Python”] languagesOfChoice myLangs... > I like Ruby, JS, Python 3rd Cup: Your Favorite Language
67. Splats languagesOfChoice = (best, langs...) -> “I love #{best}, and I like #{langs.join(“, “)}” 3rd Cup: Your Favorite Language
68. Splats languagesOfChoice = (best, langs...) -> “I love #{best}, and I like #{langs.join(“, “)}” languagesOfChoice “Ruby”, “JS”, “Python” > I love Ruby, and I like JS, Python 3rd Cup: Your Favorite Language
69. Splats languagesOfChoice = (langs..., worst) -> “I like #{langs.join(“, “)}, but I hate #{worst}” 3rd Cup: Your Favorite Language
70. Splats languagesOfChoice = (langs..., worst) -> “I like #{langs.join(“, “)}, but I hate #{worst}” languagesOfChoice “Ruby”, “JS”, “PHP” > I like Ruby, JS, but I hate PHP 3rd Cup: Your Favorite Language
71. 4th Cup Getting Inside Your Objects
72. list = [“Ruby”, “JS”, “Python”] 4th Cup: Getting Inside Your Objects
73. list = [“Ruby”, “JS”, “Python”] first_two = list[0..1] 4th Cup: Getting Inside Your Objects Tasty Slices
74. list = [“Ruby”, “JS”, “Python”] first_two = list[0..1] first_two #=> [“Ruby”, “JS”] 4th Cup: Getting Inside Your Objects Tasty Slices
75. list = [“Ruby”, “JS”, “Python”] last_two = list[1..-1] 4th Cup: Getting Inside Your Objects Tasty Slices
76. list = [“Ruby”, “JS”, “Python”] last_two = list[1..-1] last_two #=> [“JS”, “Python”] 4th Cup: Getting Inside Your Objects Tasty Slices
77. list = [“Ruby”, “JS”, “Python”] 4th Cup: Getting Inside Your Objects
78. list = [“Ruby”, “JS”, “Python”] Head Tail 4th Cup: Getting Inside Your Objects
79. list = [“Ruby”, “JS”, “Python”] head = list[0] tail = list[1..-1] 4th Cup: Getting Inside Your Objects
80. list = [“Ruby”, “JS”, “Python”] [head, tail] = [list[0], list[1..-1]] Pattern Matching 4th Cup: Getting Inside Your Objects
81. list = [“Ruby”, “JS”, “Python”] [head, tail] = [list[0], list[1..-1]] Pattern Pattern Matching 4th Cup: Getting Inside Your Objects
82. list = [“Ruby”, “JS”, “Python”] [head, tail] = [list[0], list[1..-1]] Values Pattern Matching 4th Cup: Getting Inside Your Objects Pattern
83. list = [“Ruby”, “JS”, “Python”] [head, tail] = [list[0], list[1..-1]] Values Pattern Matching 4th Cup: Getting Inside Your Objects Variables
84. list = [“Ruby”, “JS”, “Python”] [head, tail] = [list[0], list[1..-1]] Pattern Matching 4th Cup: Getting Inside Your Objects
85. list = [“Ruby”, “JS”, “Python”] [head, tail] = [list[0], list[1..-1]] Pattern Matching 4th Cup: Getting Inside Your Objects
86. list = [“Ruby”, “JS”, “Python”] [head, tail] = [list[0], list[1..-1]] head #=> “Ruby” Pattern Matching 4th Cup: Getting Inside Your Objects
87. list = [“Ruby”, “JS”, “Python”] [head, tail] = [list[0], list[1..-1]] head #=> “Ruby” tail #=> [“JS”, “Python”] Pattern Matching 4th Cup: Getting Inside Your Objects
88. list = [“Ruby”, “JS”, “Python”] [head, tail...] = list Pattern Matching 4th Cup: Getting Inside Your Objects
89. list = [“Ruby”, “JS”, “Python”] [head, tail...] = list Pattern Matching 4th Cup: Getting Inside Your Objects
90. list = [“Ruby”, “JS”, “Python”] [head, tail...] = list head #=> “Ruby” Pattern Matching 4th Cup: Getting Inside Your Objects
91. list = [“Ruby”, “JS”, “Python”] [head, tail...] = list head #=> “Ruby” tail #=> [“JS”, “Python”] Pattern Matching 4th Cup: Getting Inside Your Objects
92. list = [“Ruby”, “JS”, “Python”] [top, rest..., bottom] = list Pattern Matching 4th Cup: Getting Inside Your Objects
93. list = [“Ruby”, “JS”, “Python”] [top, rest..., bottom] = list top #=> “Ruby” Pattern Matching 4th Cup: Getting Inside Your Objects
94. list = [“Ruby”, “JS”, “Python”] [top, rest..., bottom] = list top #=> “Ruby” bottom #=> “Python” Pattern Matching 4th Cup: Getting Inside Your Objects
95. list = [“Ruby”, “JS”, “Python”] [top, rest..., bottom] = list top #=> “Ruby” bottom #=> “Python” rest #=> [“JS”] Pattern Matching 4th Cup: Getting Inside Your Objects
96. list = [“Ruby”, “JS”] [top, rest..., bottom] = list Pattern Matching 4th Cup: Getting Inside Your Objects
97. list = [“Ruby”, “JS”] [top, rest..., bottom] = list top #=> “Ruby” Pattern Matching 4th Cup: Getting Inside Your Objects
98. list = [“Ruby”, “JS”] [top, rest..., bottom] = list top #=> “Ruby” bottom #=> “JS” Pattern Matching 4th Cup: Getting Inside Your Objects
99. list = [“Ruby”, “JS”] [top, rest..., bottom] = list top #=> “Ruby” bottom #=> “JS” rest #=> [] Pattern Matching 4th Cup: Getting Inside Your Objects
100. me = name: “Nicolás” company: “Cubox” Pattern Matching 4th Cup: Getting Inside Your Objects
101. me = name: “Nicolás” company: “Cubox” name = me.name company = me.company Pattern Matching 4th Cup: Getting Inside Your Objects
102. me = name: “Nicolás” company: “Cubox” { name: name, company: company } = me Pattern Matching 4th Cup: Getting Inside Your Objects
103. me = name: “Nicolás” company: “Cubox” { name: name, company: company } = me Pattern Pattern Matching 4th Cup: Getting Inside Your Objects
104. Pattern Matching 4th Cup: Getting Inside Your Objects me = name: “Nicolás” company: “Cubox” { name: name, company: company } = me Variables
105. me = name: “Nicolás” company: “Cubox” { name: name, company: company } = me Values Pattern Matching 4th Cup: Getting Inside Your Objects
106. me = name: “Nicolás” company: “Cubox” { name: name, company: company } = me name #=> “Nicolás” company #=> “Cubox” Pattern Matching 4th Cup: Getting Inside Your Objects
107. { name, company } = me Pattern Matching 4th Cup: Getting Inside Your Objects
108. { name, company } = me name #=> “Nicolás” Pattern Matching 4th Cup: Getting Inside Your Objects
109. { name, company } = me name #=> “Nicolás” company #=> 26 Pattern Matching 4th Cup: Getting Inside Your Objects
110. 5th Cup Collecting Collections
111. list = [1..10] for item in list doSomethingWith(item) 5th Cup: Collecting Collections Iterating over arrays
112. list = [1..10] for item in list doSomethingWith(item) Iterating over arrays 5th Cup: Collecting Collections
113. me = name: “Nicolás”, age: 26 for key, value of me console.log “#{key}: #{value}” Iterating over objects 5th Cup: Collecting Collections
114. me = name: “Nicolás”, age: 26 for key, value of me console.log “#{key}: #{value}” Iterating over objects 5th Cup: Collecting Collections
115. doubles = (n * 2 for n in [1..5]) 5th Cup: Collecting Collections Comprehensions
116. n * 2 for n in [1..5] when n > 2 Filtering Comprehensions 5th Cup: Collecting Collections
117. n * 2 for n in [1..5] when n > 2 Filtering Comprehensions 5th Cup: Collecting Collections
118. n * 2 for n in [1..5] when n > 2 for n in [1..5] continue unless n > 2 n * 2 Filtering Comprehensions 5th Cup: Collecting Collections
119. n * 2 for n in [1..5] when n > 2 for n in [1..5] continue unless n > 2 n * 2 Filtering Comprehensions 5th Cup: Collecting Collections
120. 6th Cup Context, the classy way
121. User = (id, name) -> this.id = id this.name = name this.element = $(“#user-#{this.id}”) 6th Cup: Context, the classy way
122. Context Accessor 6th Cup: Context, the classy way User = (id, name) -> this.id = id this.name = name this.element = $(“#user-#{this.id}”)
123. Context Accessor 6th Cup: Context, the classy way User = (id, name) -> this.id = id this.name = name this.element = $(“#user-#{this.id}”)
124. Context Accessor 6th Cup: Context, the classy way User = (id, name) -> this.id = id this.name = name this.element = $(“#user-#{this.id}”)
125. Context Accessor 6th Cup: Context, the classy way User = (id, name) -> this.id = id this.name = name this.element = $(“#user-#{this.id}”)
126. User = (id, name) -> @id = id @name = name @element = $(“#user-#{@id}”) Context Accessor 6th Cup: Context, the classy way
127. Property Arguments 6th Cup: Context, the classy way User = (id, name) -> @id = id @name = name @element = $(“#user-#{@id}”)
128. User = (id, name) -> @id = id @name = name @element = $(“#user-#{@id}”) Property Arguments 6th Cup: Context, the classy way
129. Property Arguments 6th Cup: Context, the classy way User = (@id, @name) -> @element = $(“#user-#{@id}”)
130. Property Arguments 6th Cup: Context, the classy way User = (@id, @name) -> @element = $(“#user-#{@id}”)
131. User = (@id, @name) -> @element = $(“#user-#{@id}”) Property Arguments 6th Cup: Context, the classy way
132. User = (@id, @name) -> @element = $(“#user-#{@id}”) 6th Cup: Context, the classy way
133. User = (@id, @name) -> @element = $(“#user-#{@id}”) User.prototype.signOut = -> $.ajax(...) Bound Functions 6th Cup: Context, the classy way
134. User = (@id, @name) -> @element = $(“#user-#{@id}”) User.prototype.signOut = -> $.ajax(...) Bound Functions 6th Cup: Context, the classy way
135. User = (@id, @name) -> @element = $(“#user-#{@id}”) User.prototype.signOut = -> $.ajax(...) Bound Functions 6th Cup: Context, the classy way
136. User = (@id, @name) -> @element = $(“#user-#{@id}”) $(“a.sign-out”, @element).click -> this.signOut() false User.prototype.signOut = -> $.ajax(...) Bound Functions 6th Cup: Context, the classy way
137. User = (@id, @name) -> @element = $(“#user-#{@id}”) $(“a.sign-out”, @element).click -> this.signOut() false User.prototype.signOut = -> $.ajax(...) Bound Functions 6th Cup: Context, the classy way
138. User = (@id, @name) -> @element = $(“#user-#{@id}”) $(“a.sign-out”, @element).click -> this.signOut() false User.prototype.signOut = -> $.ajax(...) Bound Functions 6th Cup: Context, the classy way
139. User = (@id, @name) -> @element = $(“#user-#{@id}”) self = this $(“a.sign-out”, @element).click -> self.signOut() false User.prototype.signOut = -> $.ajax(...) Bound Functions 6th Cup: Context, the classy way
140. User = (@id, @name) -> @element = $(“#user-#{@id}”) self = this $(“a.sign-out”, @element).click -> self.signOut() false User.prototype.signOut = -> $.ajax(...) Bound Functions 6th Cup: Context, the classy way
141. User = (@id, @name) -> @element = $(“#user-#{@id}”) $(“a.sign-out”, @element).click => this.signOut() false User.prototype.signOut = -> $.ajax(...) Bound Functions 6th Cup: Context, the classy way
142. User = (@id, @name) -> @element = $(“#user-#{@id}”) $(“a.sign-out”, @element).click => this.signOut() false User.prototype.signOut = -> $.ajax(...) Bound Functions 6th Cup: Context, the classy way
143. User = (@id, @name) -> @element = $(“#user-#{@id}”) $(“a.sign-out”, @element).click => this.signOut() false User.prototype.signOut = -> $.ajax(...) Bound Functions 6th Cup: Context, the classy way
144. User = (@id, @name) -> @element = $(“#user-#{@id}”) User.prototype.signOut = -> ... 6th Cup: Context, the classy way
145. class User constructor: (@id, @name) -> @element = $(“#user-#{@id}”) signOut: -> ... 6th Cup: Context, the classy way Classes
146. 6th Cup: Context, the classy way Classes class User constructor: (@id, @name) -> @element = $(“#user-#{@id}”) signOut: -> ...
147. 6th Cup: Context, the classy way Classes class User constructor: (@id, @name) -> @element = $(“#user-#{@id}”) signOut: -> ...
148. 6th Cup: Context, the classy way Classes class User constructor: (@id, @name) -> @element = $(“#user-#{@id}”) signOut: -> ...
149. 6th Cup: Context, the classy way Inheritance class User constructor: (@id, @name) -> @element = $(“#user-#{@id}”) signOut: -> ...
150. 6th Cup: Context, the classy way Inheritance class SignedInUser extends User ... class SignedOutUser extends User ...
151. 6th Cup: Context, the classy way super class SignedInUser extends User constructor: (args...) -> super args... $(“a.sign-out”, @element).click => this.signOut()
152. class User constructor: (@id, @name) -> @element = $(“#user-#{@id}”) signOut: -> ... 6th Cup: Context, the classy way On variable locality
153. class window.User constructor: (@id, @name) -> @element = $(“#user-#{@id}”) signOut: -> ... 6th Cup: Context, the classy way On variable locality
154. class window.User constructor: (@id, @name) -> @element = $(“#user-#{@id}”) signOut: -> ... 6th Cup: Context, the classy way On variable locality
155. class this.User constructor: (@id, @name) -> @element = $(“#user-#{@id}”) signOut: -> ... 6th Cup: Context, the classy way On variable locality
156. class @User constructor: (@id, @name) -> @element = $(“#user-#{@id}”) signOut: -> ... 6th Cup: Context, the classy way On variable locality
158. We’ve Covered ➡ Object Literals ➡ String Interpolation ➡ Functions ➡ Default Arguments ➡ Splats ➡ Ranges ➡ Pattern Matching ➡ Context and this ➡ Property Accessors ➡ Bound Functions ➡ Classes ➡ Inheritance ➡ super
159. So…
160. …is it worth it?
163. Questions?
164. Thanks!
165. Thanks! http://github.com/foca @godfoca
166. Thanks! http://github.com/foca @godfoca jobs@cuboxsa.com
168. Follow-up: Existential Operator
169. languagesOfChoice = (best, langs...) -> “I love #{best}, and I like #{langs.join(“, “)}” Follow-up: Existential Operator
170. languagesOfChoice = (best, langs...) -> “I love #{best}, and I like #{langs.join(“, “)}” languagesOfChoice “Ruby” > I love Ruby, and I like Follow-up: Existential Operator
171. languagesOfChoice = (best, langs...) -> “I love #{best}, and I like #{langs.join(“, “)}” languagesOfChoice “Ruby” > I love Ruby, and I like languagesOfChoice() > I love , and I like Follow-up: Existential Operator
172. Follow-up: Existential Operator languagesOfChoice = (best, langs...) -> ret = [] if best? ret.push “I love #{best}” if langs.length > 0 ret.push “I like #{langs.join(“, “)}” ret.join(“, and “)
173. languagesOfChoice = (best, langs...) -> ret = [] if best? ret.push “I love #{best}” if langs.length > 0 ret.push “I like #{langs.join(“, “)}” ret.join(“, and “) Follow-up: Existential Operator
174. languagesOfChoice = (best, langs...) -> ret = [] if best? ret.push “I love #{best}” if langs.length > 0 ret.push “I like #{langs.join(“, “)}” ret.join(“, and “) Follow-up: Existential Operator
175. languagesOfChoice = (best, langs...) -> ret = [] if best? ret.push “I love #{best}” if langs.length > 0 ret.push “I like #{langs.join(“, “)}” ret.join(“, and “) Follow-up: Existential Operator
176. languagesOfChoice = (best, langs...) -> ret = [] if best? ret.push “I love #{best}” if langs.length > 0 ret.push “I like #{langs.join(“, “)}” ret.join(“, and “) Follow-up: Existential Operator
177. languagesOfChoice “Ruby”, “JS”, “Python” > I love Ruby, and I like JS, Python Follow-up: Existential Operator
178. languagesOfChoice “Ruby”, “JS”, “Python” > I love Ruby, and I like JS, Python languagesOfChoice “Ruby” > I love Ruby Follow-up: Existential Operator
179. languagesOfChoice “Ruby”, “JS”, “Python” > I love Ruby, and I like JS, Python languagesOfChoice “Ruby” > I love Ruby languagesOfChoice undefined, “Ruby”, “JS” > I like Ruby, JS Follow-up: Existential Operator
180. languagesOfChoice “Ruby”, “JS”, “Python” > I love Ruby, and I like JS, Python languagesOfChoice “Ruby” > I love Ruby languagesOfChoice undefined, “Ruby”, “JS” > I like Ruby, JS languagesOfChoice() > “” Follow-up: Existential Operator
181. expr? Follow-up: Existential Operator
182. expr? typeof expr !== undefined && expr !== null Follow-up: Existential Operator
183. x ?= y Follow-up: Existential Operator
184. x ?= y x = y unless x? Follow-up: Existential Operator
185. obj = x: { y: 2 } Follow-up: Existential Operator
186. obj = x: { y: 2 } obj.x?.y Follow-up: Existential Operator
187. obj = x: { y: 2 } obj.x?.y if obj.x? then obj.x.y else undefined Follow-up: Existential Operator
188. obj = x: { y: 2 } obj.x?.y if obj.x? then obj.x.y else undefined Follow-up: Existential Operator
189. obj = x: { y: 2 } obj.x?.y if obj.x? then obj.x.y else undefined Follow-up: Existential Operator
190. obj = x: { y: 2 } obj.x?.y if obj.x? then obj.x.y else undefined Follow-up: Existential Operator
191. func?() Follow-up: Existential Operator
192. func?() func() if typeof func == “function” Follow-up: Existential Operator
193. options.callback?() Follow-up: Existential Operator
194. Follow-up: this
195. function isCute() { return this.cute; } Follow-up: this
196. var cuteKitty = { cute: true, isCute: isCute }; Follow-up: this
197. var meanKitty = { cute: false, isCute: isCute }; Follow-up: this
198. meanKitty.isCute() cuteKitty.isCute() Follow-up: this
199. cuteKitty.isCute() true meanKitty.isCute() Follow-up: this
200. cuteKitty.isCute() true meanKitty.isCute() false Follow-up: this
201. function whatHappensNow() { console.log(this); } whatHappensNow() Follow-up: this
202. function whatHappensNow() { console.log(this); } whatHappensNow() > [window] Follow-up: this
203. $(“a.sign-out”).click(function() { console.log(this); }); Follow-up: this
204. $(“a.sign-out”).click(function() { console.log(this); }); Follow-up: this
205. $(“a.sign-out”).click(function() { console.log(this); }); <a href=”#” class=”delete”>Delete</a> Follow-up: this
206. function returnThis() { return this; } Follow-up: this
207. function returnThis() { return this; } returnThis.apply(42); //=> 42 Follow-up: this
208. function returnThis() { return this; } returnThis.apply(42); //=> 42 returnThis.apply(“hi”); //=> “hi” Follow-up: this
209. Follow-up: Loop closures and do
210. for i in [1..5] console.log i Follow-up: Loop closures and do
211. for i in [1..5] setTimeout (-> console.log i), 100 Follow-up: Loop closures and do
212. for i in [1..5] setTimeout (-> console.log i), 100 > 5 > 5 > 5 > 5 > 5 Follow-up: Loop closures and do
214. for i in [1..5] setTimeout (-> console.log i), 100 > 5 > 5 > 5 > 5 > 5 Follow-up: Loop closures and do
215. for i in [1..5] ((i) -> setTimeout (-> console.log i), 100 )(i) > 1 > 2 > ... Follow-up: Loop closures and do
216. for i in [1..5] do (i) -> setTimeout (-> console.log i), 100 > 1 > 2 > ... Follow-up: Loop closures and do
217. Follow-up: Comprehension Madness
218. A = [1, 2, 3, 4, 5] B = [8, 7, 1, 2] cartesian = ([x, y] for x in A for y in B) Keep It Simple, Stupid Follow-up: Comprehension Madness
219. (ret.push(val) unless val in ret) for val in orig when shouldAdd(val) Keep It Simple, Stupid Follow-up: Comprehension Madness