arrow function箭頭函式

函式的快捷寫法，不需要通過 function 關鍵字建立函式，並且還可以省略 return 關鍵字。=> 是function的簡寫形式，支援expression 和 statement 兩種形式。

// 箭頭函式根據parma個數的不同，寫法上還可以做如下改變

() => { expression } // 零個引數用 () 表示
x => { expression } // 一個引數可以省略 ()
(x, y) => { expression } // 多引數不能省略 ()

例子：

var person = {
    name: 'tom'
 
,
    getName: function() {
        return this.name;
    }
}
// ES6
const person = {
    name: 'tom',
    getName: () => this.name
}

當我們使用箭頭函式時，函式體內的this物件，就是定義時所在的物件，而不是使用時所在的物件。並不是因為箭頭函式內部有繫結this的機制，實際原因是箭頭函式根本沒有自己的this，它的this是繼承外面的，因此內部的this就是外層程式碼塊的this.

var person = {
    name: 'tom',
    getName: function
 
 getName() {
        var _this = this;  // 使用了我們在es5時常用的方式儲存this引用

        return setTimeout(function () {
            return _this.name;
        }, 1000);
    }
};
//ES6
const person = {
    name: 'tom',
    getName: function() {
        return setTimeout(() => this.name, 1000);
    }
}

增強的物件字面量

物件字面量被增強了，寫法更加簡潔與靈活，同時在定義物件的時候能夠做的事情更多了。
（1）當屬性與值的變數同名時

const name = 'Jane';
const age = 20

// es6
const person = {
  name,
  age
}

// es5
var person = {
  name: name,
  age: age
};

（2）定義方法可以不用function關鍵字

// es6
const person = {
  name,
  age,
  getName() { // 只要不使用箭頭函式，this就還是我們熟悉的this
    return this.name
  }
}

// es5
var person = {
  name: name,
  age: age,
  getName: function getName() {
    return this.name;
  }
};

（3）在物件字面量中可以使用中括號作為屬性，表示屬性也能是一個變量了。

const name = 'Jane';
const age = 20

const person = {
  [name]: true,
  [age]: true
}

模組的 Import 和 Export

import 用於引入模組，export 用於匯出模組。

// 引入整個檔案
import dva from 'dva';

// 引入函式(可以是一個或多個)
import { connect } from 'dva';
import { Link, Route } from 'dva/router';

// 引入全部並作為 github 物件
import * as github from './services/github';

// 匯出預設
export default App;
// 部分匯出，複合寫法是 export { App } from './file';
　　等價於import { App } from './file；export｛App｝

class、extend、super

這三個特性涉及了ES5中最令人頭疼的的幾個部分：原型、建構函式，繼承。
class
ES6提供了更接近傳統語言的寫法，引入了Class（類）這個概念。新的class寫法讓物件原型的寫法更加清晰、更像面向物件程式設計的語法.

// ES5
// 建構函式
function Person(name, age) {
  this.name = name;
  this.age = age;
}

// 原型方法
Person.prototype.getName = function() {
  return this.name;
}

// ES6
class Person {
  constructor(name, age) {  // 建構函式
    this.name = name;
    this.age = age;
  }

  getName() {  // 原型方法
    return this.name;
  }
}

上面程式碼首先用class定義了一個“類”，可以看到裡面有一個constructor方法，這就是構造方法，而this關鍵字則代表例項物件。
簡單地說，constructor內定義的方法和屬性是例項物件自己的，而constructor外定義的方法和屬性則是所有例項物件可以共享的。這個和ES5裡的建構函式是差不多的意思,相當於把方法定義在建構函式裡是私有的，而把方法定義到原型中，所有例項共享.
extend繼承

class Person {
  constructor(name, age) {
    this.name = name;
    this.age = age;
  }

  getName() {
    return this.name
  }
}

// Student類繼承Person類
class Student extends Person {
  constructor(name, age, gender, classes) {
    super(name, age);
    this.gender = gender;
    this.classes = classes;
  }

  getGender() {
    return this.gender;
  }
}

Class之間可以通過extends關鍵字實現繼承，這比ES5的通過修改原型鏈實現繼承，要清晰和方便很多。上面定義了一個Cat類，該類通過extends關鍵字，繼承了Animal類的所有屬性和方法。

super關鍵字，它指代父類的例項（即父類的this物件）。子類必須在constructor方法中呼叫super方法，否則新建例項時會報錯。這是因為子類沒有自己的this物件，而是繼承父類的this物件，然後可以對其進行加工。如果不呼叫super方法，子類就得不到this物件。
class、extend／super三者的綜合

class Animal {
    constructor(){
        this.type = 'animal'
    }
    says(say){
        console.log(this.type + ' says ' + say)
    }
}

let animal = new Animal()
animal.says('hello') //animal says hello

class Cat extends Animal {
    constructor(){
        super()
        this.type = 'cat'
    }
}

let cat = new Cat()
cat.says('hello') //cat says hello