Let's Have a Cup of CoffeeScript

Transcript

1. Let’s Have a Cup of

2. None

3. JavaScript

4. None

5. JavaScript

6. None

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
12. None

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” } }
14. None

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
157. None

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?

161. None
162. None

163. Questions?

164. Thanks!

165. Thanks! http://github.com/foca @godfoca

166. Thanks! http://github.com/foca @godfoca [email protected]

167. None

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
213. None

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
220. None