lukehoban

Note: Up to date version now at https://github.com/lukehoban/es6features

ECMAScript 6

Introduction

ECMAScript 6 is the upcoming version of the ECMAScript standard. This standard is targetting ratifcation in December 2014. ES6 is a significant update to the language, and the first update to the language since ES5 was standardized in 2009. Implementation of these features in major JavaScript engines is underway now.

See the draft ES6 standard for full specification of the ECMAScript 6 language.

ES6 includes the following new features:

lukehoban

Async/await topics

Discussion topics for April 2014 TC39 meeting for async/await proposal

1. Ben's implementation in regenerator
2. Async arrows
3. await at top level
4. Is await* needed?
5. Ordering of static + async: static async foo() { }

lukehoban

function $(x: string | Element): { elem: Element } {
  if(x instanceof Element) {
    return { elem: document.getElementById(x) } // do I have to say <string>x here?
  } else {
    return { elem: x } // do I have to say <Element>x here?
  }
}

lukehoban

module['exports'] = function echoHttp (hook) {

  hook.debug("Debug messages are sent to the debug console");

  hook.debug(hook.params);

  hook.debug(hook.req.path);

  hook.debug(hook.req.method);
  

lukehoban

var http = require('http');

module['exports'] = function isTheWebSiteDown (hook) {
  http.get(hook.params.url, function(res){
    hook.debug(hook.params.url + " is up and running.")
    hook.res.end('false');
  }).on('error', function (){
    hook.debug(hook.params.url + " is DOWN!")
    hook.res.end('true');
  });

lukehoban

<h1>Todo List</h1>

<form class="form-inline">
    <input type="text" class="form-control" placeholder="Add a new todo..." />
    <btn typeof="submit" class="btn btn-primary">Add Todo</btn>
</form>

<br/>

<table class="table table-bordered">

lukehoban

// ES6 w/ Promises
// Note: From a React starter template - see https://t.co/wkStq8y3I5
function fetchData(routes, params) {
  let data = {};

  return Promise.all(routes
    .filter(route => route.handler.fetchData)
    .map(route => {
      return route.handler.fetchData(params).then(resp => {
        data[route.name] = resp;

lukehoban

var fs = require('fs');
var util = require('util');
var request = require('request');

var clientId = 'test-app';                             // Can be anything
var clientSecret = 'f6f0bfec08274b8790520a9079b808af'; // API key from Azure marketplace

var str = 'This is a cool demo to call Microsoft text to speach service in Node.js.';

console.log('Converting from text -> speech -> text.');

lukehoban

{
    "version": "0.1.0",
    "command": "make",
    "isShellCommand": true,
    "showOutput": "silent",
    "args": ["install"],
    "osx": {
        "options": {
            "env": {
                "CERT": "dlv-cert"

lukehoban

// A simple hello world microservice 
// Click "Deploy Service" to deploy this code
// Service will respond to HTTP requests with a string
import sleep from 'then-sleep';
export default async function (hook) {
  await sleep(500);
  hook.res.end("Hello world!");
}