Some of ES6 features

1. ES6
Good parts

3. Arrows

4. ...forEach((in) -> {
console.log(in);
})

5. Destructuring

6. var {map_trackings} = require('./js/tracks');

7. Classes

8. class BackfillLoader {
constructor(params={}){
this.id = _.uniqueId();
}
runVisibilityChecker(){
this.visibility_checker = setTimeout(() => {
this.checkIframeVisibility();
}, CHECK_INTERVAL);
}
}

9. Better strings

10. this.iframe = $(`<div id='container_${this.id}'>
<p>Container</p>
</div>`).attr(this.params);

11. Generators

12. function(){
...
...
...
}

13. function*(){
...
...
...
}

14. function*(){
...
...
...
}

15. async(function *() {
var widgetConfig = yield $.get(`https://
api.virool.com/data`);
process(widgetConfig);

16. async(function *() {
var id = yield $.get(`https://api.virool.com/id`);
var data = yield $.get(`https://api.virool.com/${id}`);
process(data);

17. function* player(name, table) {
while (true) {
var ball = yield csp.take(table);
if (ball === csp.CLOSED) {
console.log(name + ": table's gone");
return;
}
ball.hits += 1;
console.log(name + " " + ball.hits);
yield csp.timeout(100);
yield csp.put(table, ball);
}
}
csp.go(function* () {
var table = csp.chan();
csp.go(player, ["ping", table]);
csp.go(player, ["pong", table]);
yield csp.put(table, {hits: 0});
yield csp.timeout(1000);
table.close();
});

18. postMessage.addJsonListener((message) => {
switch(message.type){
case 'init_player':
init_player(_.extend({}, CUSTOM_CONFIG, message.config));
return;
case 'play':
PLAYER.getPlugin('ova').play();
return;

19. go(function*(){
{type, data} = yield postMessageChannel.take()
switch(message.type){
case 'init_player':
...
}
})