add new notes

js/javascript-es6-notes.md

@@ -0,0 +1,84 @@
+# ES6
+
+## Symbol
+
+ES6 出現可以解決名稱衝突的第七種類型
+
+舉例來說以往定義常數：
+
+```js
+const chartType = {
+    line: 'line123',
+    bar: 'bar123'
+}
+```
+
+當我們使用的時候，事實上變數內的內容並不重要，只需要不要重複即可
+
+ES6 可改為利用 Symbol，為一不重複的類型
+
+```js
+const chartType = {
+    line: Symbol(),
+    bar: Symbol()
+}
+```
+
+reference: 
+https://zhuanlan.zhihu.com/p/22652486
+http://es6.ruanyifeng.com/#docs/symbol
+
+
+## Generator
+
+Generator 函數是一個狀態機，他封裝了多個內部狀態
+
+1. 函數宣告必須要加上 *
+2. 函數使用 yield 來定義不同的“狀態”
+3. 當函式走到 yield 的時候會先停止，然後把右邊的 expression 丟到外面
+4. Generator 也是一個 Iterator object，使用 next 來調用
+
+http://es6.ruanyifeng.com/#docs/generator
+
+```js
+function* generator1() {
+  yield 'hello';
+  yield 'world';
+  return 'end';
+}
+
+const g1 = generator1();
+
+g1.next()
+> {value: "hello", done: false}
+g1.next()
+> {value: "world", done: false}
+g1.next()
+> {value: "end", done: true}
+g1.next()
+> {value: undefined, done: true}
+
+```
+
+```js
+function* gen(x){
+  var y = yield x + 2;
+  console.log(`(1) x: ${x} | y: ${y}`)
+  yield y + 10;
+  console.log(`(2) x: ${x} | y: ${y}`)
+  return y;
+}
+
+var g = gen(1);
+g.next(5) 
+> {value: 3, done: false}
+g.next(10) 
+> (1) x: 1 | y: 10
+> {value: 20, done: false}
+g.next(100) 
+> (2) x: 1 | y: 10
+> {value: 10, done: true}
+g.next(1) 
+> {value: undefined, done: true}
+```
+

typescript/iterator.md

@@ -0,0 +1,24 @@
+# Iterator
+
+https://www.typescriptlang.org/docs/handbook/iterators-and-generators.html
+https://www.typescriptlang.org/docs/handbook/release-notes/typescript-2-3.html
+
+...of
+只能使用在 iterator
+iterator 必須包含 Symbol.iterator 
+
+Array
+Map
+Set
+String
+TypedArray
+函数的 arguments 对象
+NodeList 对象
+
+
+http://es6.ruanyifeng.com/#docs/iterator
+
+
+## generator
+
+http://es6.ruanyifeng.com/#docs/generator