字符串

const a = 'foobar';
const b = `foo${a}bar`;   // 此處是反引號(tab鍵上)
const c = 'foobar';

解構賦值

const [first, second] = arr;function getFullName({ firstName, lastName }) {
}function processInput(input) {return { left, right, top, bottom };
}
const { left, right } = processInput(input);

對象

const a = { k1: v1, k2: v2};   // 注意逗號
const b = {k1: v1,k2: v2,    // 注意逗號
}const obj = {id: 5,name: 'San Francisco',[getKey('enabled')]: true,
};const atom = {ref,value: 1,addValue(value) {return atom.value + value;},
};  

數組

const itemsCopy = [...items];const foo = document.querySelectorAll('.foo');
const nodes = Array.from(foo);

函數

//  立即執行函數可以寫成箭頭函數的形式
( () => {console.log('Welcome to the Internet.');
}) ();[1, 2, 3].map(x => x * x) ;const boundMethod = (...params) => method.apply(this, params);function divide(a, b, { option = false } = {}) {}function concatenateAll(...args) {return args.jopin(' ');
}function handlerThings(opts = {}) {// ....
}

Map結構

let map = new Map(arr);for (let key of map.keys()) {console.log(key);
}for (let value of map.values()) {console.log(value);
}for (let item of mao.entries()) {console.log(item[0], item[1]);
}

Class

class Queue {constructor(contents = []) {this._queue = [...contents];}pop () {const value = this._queue[0];this._queue.splice(0, 1);return value;}
}class PeekableQueue extends Queue {peek() {return this._queue[0];}
}

模塊

import { func1, func2 } from 'moduleA';// 使用export取代module.exports// commonJS的寫法
var React = require('react);var Breadcrumbs = React.createClass({render() {return <nav />;}
});
module.exports = Breadcrumbs;// ES6的寫法
import React from 'react';class Breadcrumbs extends React.Component {render() {return <nav />;}
};export default Breadcrumbs