ES2015入門系列1-初識ES2015

EcmaScript 實際上是一種語言規範，常見的 JavaScript, ActionScript 等都是其具體實現，平時使用中通常能夠將其和Javascript對等稱呼，本系列教程主要講述 EcmaScript2015(ES6) 爲JavaScript帶來的新的特性，並初步掌握如何利用其進行開發。

本系列面向有必定基礎知識的ES5使用者，不適合初學者。

先來看兩段代碼：

Human.js

export default class Human {

}

main.js

import Human from './Human';

class Man extends Human {

  constructor(name = 'unnamed') {
    super();
    this.gender = 'male';
    this.name = name;
  }

  static create(name = 'unamed') {
      return new Man(name);
  }

  getGender() {
      return this.gender;
  }

  getName() {
      return this.name;
  }

}

const man = new Man('Jack');

let manObject = {
    man
}

console.log(man.getName());
console.dir(manObject);

上面的代碼爲咱們展現了和ES5不同的語法：

• import 和 export

模塊化開發，在此以前也有不少的方案，AMD, CMD等，但從使用上來講，ES2015的模塊化開發仍是很簡單和強大的。

• class

語意化的的面向對象語法，不過不要驚訝，這其實只是語法糖，在其背後，依然是編譯器按照ES5的方式去執行的，不過對於後端開發者來講，接受起來就不會那麼難受了。class中定義方法無需function關鍵字, 這些會在後面的章節進一步講解。

• 參數有默認值了

不用再使用:

a = a || 'default';

這種方式處理默認值啦，其實這也是語法糖，可是帶來的便利不言而喻。

• const 和 let 關鍵字

var 終於再也不一家獨大了，來了2個小夥伴一塊兒玩耍。

• 屬性簡潔寫法

若是對象的屬性名稱和變量名稱一致，那麼可使用下面的簡潔寫法：

let manObject = {
    man
}

//等同於
let manObject = {
    man: man
}

怎麼樣，相比ES5，是否是更現代化了呢？

固然ES6帶來的新語法豈止這幾點，但這足以讓咱們對JavaScript更感興趣了。