ES6 (ES2015) là gì? Và tìm hiểu những tính năng mới.

// Expression bodies
var odds = evens.map(v => v + 1);
var nums = evens.map((v, i) => v + i);
var pairs = evens.map(v => ({even: v, odd: v + 1}));
 
// Statement bodies
nums.forEach(v => {
  if (v % 5 === 0)
    fives.push(v);
});
 
// Lexical this
var bob = {
  _name: "Bob",
  _friends: [],
  printFriends() {
    this._friends.forEach(f =>
      console.log(this._name + " knows " + f));
  }
}

class SkinnedMesh extends THREE.Mesh {
  constructor(geometry, materials) {
    super(geometry, materials);
 
    this.idMatrix = SkinnedMesh.defaultMatrix();
    this.bones = [];
    this.boneMatrices = [];
    //...
  }
  update(camera) {
    //...
    super.update();
  }
  get boneCount() {
    return this.bones.length;
  }
  set matrixType(matrixType) {
    this.idMatrix = SkinnedMesh[matrixType]();
  }
  static defaultMatrix() {
    return new THREE.Matrix4();
  }
}

// Basic literal string creation
`In JavaScript 'n' is a line-feed.`
 
// Multiline strings
`In JavaScript this is
 not legal.`
 
// String interpolation
var name = "Bob", time = "today";
`Hello ${name}, how are you ${time}?`
 
// Construct an HTTP request prefix is used to interpret the replacements and construction
GET`http://foo.org/bar?a=${a}&b=${b}
    Content-Type: application/json
    X-Credentials: ${credentials}
    { "foo": ${foo},
      "bar": ${bar}}`(myOnReadyStateChangeHandler);

function f(x, y=12) {
   // y = 12 nếu không truyền giá trị cho nó (hoặc truyền undefined) 
   return x + y;
}
f(3) == 15

function f(x, ...y) {
  // y là một mảng
  return x * y.length;
}
f(3, "hello", true) == 6

function f(x, y, z) {
  return x + y + z;
}
// Pass each elem of array as argument
f(...[1,2,3]) == 6

function testLet() {
    // a *không* truy cập được tại đây
    for( let a = 0; a < 5; a++ ) {
        // a chỉ truy cập được trong này
    };
    // a *không* truy cập được tại đây
};
 
function testVar() {
    // b truy cập *được* tại đây
    for( var b = 0; b < 5; b++ ) {
        // b truy cập được ở tất cả mọi nơi trong hàm testVar()
    };
    // b truy cập *được* tại đây
};

// lib/math.js
export function sum(x, y) {
  return x + y;
}
export var pi = 3.141593;

// otherApp.js
import {sum, pi} from "lib/math";
alert("2π = " + sum(pi, pi));

// Dynamic loading – ‘System’ is default loader
System.import('lib/math').then(function(m) {
  alert("2π = " + m.sum(m.pi, m.pi));
});
 
// Create execution sandboxes – new Loaders
var loader = new Loader({
  global: fixup(window) // replace ‘console.log’
});
loader.eval("console.log('hello world!');");
 
// Directly manipulate module cache
System.get('jquery');
System.set('jquery', Module({$: $})); // WARNING: not yet finalized

// Sets
var s = new Set();
s.add("hello").add("goodbye").add("hello");
s.size === 2;
s.has("hello") === true;
 
// Maps
var m = new Map();
m.set("hello", 42);
m.set(s, 34);
m.get(s) == 34;
 
// Weak Maps
var wm = new WeakMap();
wm.set(s, { extra: 42 });
wm.size === undefined
 
// Weak Sets
var ws = new WeakSet();
ws.add({ data: 42 });
// Because the added object has no other references, it will not be held in the set

class MyArray extends Array {
    constructor(...args) { super(...args); }
}
 
var arr = new MyArray();
arr[1] = 12;
arr.length == 2

function timeout(duration = 0) {
    return new Promise((resolve, reject) => {
        setTimeout(resolve, duration);
    })
}
 
var p = timeout(1000).then(() => {
    return timeout(2000);
}).then(() => {
    throw new Error("hmm");
}).catch(err => {
    return Promise.all([timeout(100), timeout(200)]);
})