for (var value of myArray) {
  console.log(value);
}

var uniqueWords = new Set(words);
for (var word of uniqueWords) {
  console.log(word);
}

for (var [key, value] of phoneBookMap) {
  console.log(key + "'s phone number is: " + value);
}

for-of循環(huán)語句通過方法調用（迭代器方法）來遍歷各種集合
迭代器對象
- 擁有[Symbol.iterator]()的對象被稱為可迭代的
- 迭代器對象可以是任意具有.next()方法的對象
- for-of循環(huán)將重復調用這個方法，每次循環(huán)調用一次
```
var zeroesForeverIterator = {
[Symbol.iterator]: function () {
  return this;
  },
  next: function () {
  return {done: false, value: 0};
}
};
```

生成器 Generators

function* quips(name) {
  yield "你好 " + name + "!";
  yield "希望你能喜歡這篇介紹ES6的譯文";
  if (name.startsWith("X")) {
    yield "你的名字 " + name + "  首字母是X，這很酷！";
  }
  yield "我們下次再見！";
}

普通函數使用function聲明，而生成器函數使用function*聲明。
在生成器函數內部，有一種類似return的語法：關鍵字yield。二者的區(qū)別是，普通函數只可以return一次，而生成器函數可以yield多次（當然也可以只yield一次）。在生成器的執(zhí)行過程中，遇到yield表達式立即暫停，后續(xù)可恢復執(zhí)行狀態(tài)。
這就是普通函數和生成器函數之間最大的區(qū)別，普通函數不能自暫停，生成器函數可以。
執(zhí)行效果：

> var iter = quips("jorendorff");
  [object Generator]
> iter.next()
  { value: "你好 jorendorff!", done: false }
> iter.next()
  { value: "希望你能喜歡這篇介紹ES6的譯文", done: false }
> iter.next()
  { value: "我們下次再見！", done: false }
> iter.next()
  { value: undefined, done: true }

調用一個生成器時，它并非立即執(zhí)行，而是返回一個已暫停的生成器對象，以后對其每調用一次.next()方法，函數調用將其自身解凍并一直運行到下一個yield表達式，再次暫停。
調用最后一個iter.next()時，我們最終抵達生成器函數的末尾，所以返回結果中done的值為true。
每當生成器執(zhí)行yield語句，生成器的堆棧結構（本地變量、參數、臨時值、生成器內部當前的執(zhí)行位置）被移出堆棧。然而，生成器對象保留了對這個堆棧結構的引用（備份），所以稍后調用.next()可以重新激活堆棧結構并且繼續(xù)執(zhí)行。
值得特別一提的是，生成器不是線程，當生成器運行時，它和調用者處于同一線程中，擁有確定的連續(xù)執(zhí)行順序，永不并發(fā)。
與系統(tǒng)線程不同的是，生成器只有在其函數體內標記為yield的點才會暫停。
生成器的作用
- 生成器是迭代器：所有的生成器都有內建.next()和[Symbol.iterator]()方法的實現。你只須編寫循環(huán)部分的行為。
- 使任意對象可迭代。編寫生成器函數遍歷這個對象，運行時yield每一個值。然后將這個生成器函數作為這個對象的[Symbol.iterator]方法。
- 簡化數組構建函數。
  - 獲取異常尺寸的結果。例如無限長的數組。
  - 重構復雜循環(huán)。
  - 構建與迭代相關的工具。
- lazy計算。僅當需要時進行計算。
.next可選參數
.return
.throw
yield*

模板字符串

function authorize(user, action) {
  if (!user.hasPrivilege(action)) {
    throw new Error(
      `用戶 ${user.name} 未被授權執(zhí)行 ${action} 操作。`);
  }
}

反撇號（`）基礎知識
- 模板占位符中的代碼可以是任意JavaScript表達式，所以函數調用、算數運算等這些都可以作為占位符使用，你甚至可以在一個模板字符串中嵌套另一個，我稱之為模板套構（template inception）。
- 如果這兩個值都不是字符串，可以按照常規(guī)將其轉換為字符串。例如：如果action是一個對象，將會調用它的.toString()方法將其轉換為字符串值。
- 如果你需要在模板字符串中書寫反撇號、$和{，你必須使用反斜杠將其轉義。
- 模板字符串可以多行書寫，模板字符串中所有的空格、新行、縮進，都會原樣輸出在生成的字符串中。
反撇號的未來
- 它們不會為你自動轉義特殊字符
- 它們無法很好地與國際化庫相配合
- 它們不能替代模板引擎的地位

不定參數和默認參數

以前的版本中有“神奇的arguments對象”，ES6引入了與其他語言類似的不定參數語法：

function containsAll(haystack, ...needles) {
  for (var needle of needles) {
    if (haystack.indexOf(needle) === -1) {
      return false;
    }
  }
  return true;
}

如果沒有額外的參數，不定參數就是一個空數組，它永遠不會是undefined。
默認參數也與c++類似，但有幾點需要注意
- 默認值表達式在函數調用時自左向右求值，這一點與Python不同。這也意味著，默認表達式可以使用該參數之前已經填充好的其它參數值。
- 傳遞undefined值等效于不傳值，將使用定義的默認值
- 沒有默認值的參數隱式默認為undefined
停止使用arguments

解構（Destructuring）

數組與迭代器的解構
```
[ variable1, variable2, ..., variableN ] = array;
```
- 可以對任意深度的嵌套數組進行解構
- 可以在對應位留空來跳過被解構數組中的某些元素
```
var [,,third] = ["foo", "bar", "baz"];
```
- 還可以通過“不定參數”模式捕獲數組中的所有尾隨元素
- 當訪問空數組或越界訪問數組時，對其解構與對其索引的行為一致，最終得到的結果都是：undefined
- 數組解構賦值的模式同樣適用于任意迭代器
```
function* fibs() {
  var a = 0;
  var b = 1;
  while (true) {
    yield a;
    [a, b] = [b, a + b];
  }
}
var [first, second, third, fourth, fifth, sixth] = fibs();
console.log(sixth);
// 5
```
對象的解構
```
var robotA = { name: "Bender" };
var { name: nameA } = robotA;
console.log(nameA);
// "Bender"

var { foo, bar } = { foo: "lorem", bar: "ipsum" };
console.log(foo);
// "lorem"

var { missing } = {};
console.log(missing);
// undefined
```
- 首先指定被綁定的屬性，然后緊跟一個要解構的變量。
- 當屬性名與變量名一致時，可以通過一種實用的句法簡寫。
- 可以隨意嵌套并進一步組合對象解構
- 解構一個未定義的屬性時，得到的值為undefined
解構值不是對象、數組或迭代器
```
var {blowUp} = null;
// TypeError: null has no properties（null沒有屬性）

var {wtf} = NaN;
console.log(wtf);
// undefined
```
- 當你嘗試解構null或undefined時，你會得到一個類型錯誤
- 可以解構其它原始類型，例如：布爾值、數值、字符串，但是你將得到undefined
當你要解構的屬性未定義時你可以提供一個默認值：
```
var [missing = true] = [];
console.log(missing);
// true
```
解構的實際應用
- 函數參數定義：函數接收一個對象，將不同的實際參數作為對象屬性，以避免讓API使用者記住多個參數的使用順序。
- 配置對象參數：通過默認值實現
- 與ES6迭代器協(xié)議協(xié)同使用：for (var [key, value] of map) { //... }
- 多重返回值

箭頭函數（Arrow Functions）

符號	含義
`<!--`	單行注釋
`-->`	“趨向于”操作符
`<=`	小于等于
`=>`	這又是什么？

箭頭函數：=>，用于lambda語法
使用了塊語句的箭頭函數不會自動返回值，你需要使用return語句將所需值返回。
當使用箭頭函數創(chuàng)建普通對象時，你總是需要將對象包裹在小括號里。
- puppy => {}會被解析為沒有任何行為并返回undefined的箭頭函數。
箭頭函數沒有它自己的this值
- 通過object.method()語法調用的方法使用非箭頭函數定義，這些函數需要從調用者的作用域中獲取一個有意義的this值。
- 其它情況全都使用箭頭函數。
- 箭頭函數不會獲取它們自己的arguments對象
- ES6的方法語法
```
// ES6
{
  ...
  addAll: function addAll(pieces) {
    _.each(pieces, piece => this.add(piece));
  },
  ...
}

// ===>>>

// ES6的方法語法
{
  ...
  addAll(pieces) {
    _.each(pieces, piece => this.add(piece));
  },
  ...
}
```

Symbols

// 創(chuàng)建一個獨一無二的symbol
var isMoving = Symbol("isMoving");
...
if (!element[isMoving]) {
  smoothAnimations(element);
}
element[isMoving] = true;

Symbol是JavaScript的第七種原始類型：Undefined 未定義，Null 空值，Boolean 布爾類型，Number 數字類型，String 字符串類型，Object 對象類型
以symbol為鍵的屬性屬性與數組元素類似，不能被類似obj.name的點號法訪問，你必須使用方括號訪問這些屬性。
只有當isMoving在當前作用域中時才會生效
JavaScript中最常見的對象檢查的特性會忽略symbol鍵，例如：for-in循環(huán)，Object.keys(obj)，Object.getOwnPropertyNames(obj)
Object.getOwnPropertySymbols(obj)可以列出對象的symbol鍵；
Reflect.ownKeys(obj)，會同時返回字符串鍵和symbol鍵
symbol被創(chuàng)建后就不可變更，你不能為它設置屬性（在嚴格模式下嘗試設置屬性會得到TypeError的錯誤）。他們可以用作屬性名稱，這些性質與字符串類似。
每一個symbol都獨一無二，不與其它symbol等同，即使二者有相同的描述也不相等
symbol不能被自動轉換為字符串，這和語言中的其它類型不同。嘗試拼接symbol與字符串將得到TypeError錯誤。通過String(sym)或sym.toString()可以顯示地將symbol轉換為一個字符串。
獲取symbol的三種方法
- 調用Symbol()
- 調用Symbol.for(string)，如果同一個描述的symbol已經存在，將返回已存在的symbol對象
- 使用標準定義的symbol，例如：Symbol.iterator。標準根據一些特殊用途定義了少許的幾個symbol。

集合

已經有了一種類似哈希表的東西：對象（Object）。
作為查詢表使用的對象，不能既支持方法又保證避免沖突。
因而，要么得用Object.create(null)而非直接寫{}，要么得小心地避免把Object.prototype.toString之類的內置方法名作為鍵名來存儲數據。
對象的鍵名總是字符串（當然，ES6 中也可以是Symbol）而不能是另一個對象。
沒有有效的獲知屬性個數的方法。
純粹的對象不可遍歷，也就是，它們不能配合for-of循環(huán)或...操作符等語法。
集合數據的訪問，不能再通過屬性方式了，只能通過暴露出來的接口（get等）。
Set, Map, WeakMap, WeakSet

代理（Proxy）

對象的14種內部方法。
var proxy = new Proxy(target, handler);
代理的行為很簡單：將代理的所有內部方法轉發(fā)至目標。簡單來說，如果調用proxy.[[Enumerate]]()，就會返回target.[[Enumerate]]()。
句柄對象的方法可以覆寫任意代理的內部方法。

類（Class），繼承

...

實例屬性，方法？
靜態(tài)屬性，方法？
prototype？

`let`和`const`

ES6之前，只有兩種作用域：全局，函數，沒有代碼塊作用域
var是函數作用域
變量提升（hoisting）
ES6引入了新的作用域：代碼塊作用域；let和const都是這一作用域；

模塊

export: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/export
import: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/import
module: https://hacks.mozilla.org/2015/08/es6-in-depth-modules/, 譯文：http://www.infoq.com/cn/articles/es6-in-depth-modules
另一篇博文：http://wengeezhang.com/?p=241
import, export, default
import as, import _, import *
export as, export *

上一篇：REST API設計下一篇：WebRTC

在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

<a rel="nofollow" href="http://www.infoq.com/cn/es6-in-depth/"">

迭代器和for-of循環(huán)

生成器 Generators

模板字符串

不定參數和默認參數

解構（Destructuring）

箭頭函數（Arrow Functions）

Symbols

集合

代理（Proxy）

類（Class），繼承

let和const

模塊

`let`和`const`