vanillajs-deck/slides/120-gosinta.html
2020-01-28 10:23:02 -08:00

26 lines
755 B
HTML

<title>Arrow Functions (Gosinta)</title>
<h1>Arrow Functions (Gosinta)</h1>
<pre>
var solarsystem = {
planets: ['Mercury', 'Venus', 'Earth', 'Mars', 'Jupiter',
'Saturn', 'Uranus', 'Neptune', 'Pluto (?)'],
showPlanets: function() {
this.planets.forEach(function(planet, idx) {
console.log(this.planets[idx]);
})
}
};
solarsystem.showPlanets(); // crash! ⛔
</pre>
<pre class="appear">
var solarsystem = {
planets: ['Mercury', 'Venus', 'Earth', 'Mars', 'Jupiter',
'Saturn', 'Uranus', 'Neptune', 'Pluto (?)'],
showPlanets: function() {
this.planets.forEach((planet, idx) => {
console.log(this.planets[idx]);
})
}
};
solarsystem.showPlanets(); // success! 🌍
</pre>