ES6 - symbol&generator

symbol

1. ES6 新增基本資料型別（不常用）,現在總共7種基本資料型別

   let syml = Symbol('aaa');
   typeof(syml) //symbol
   複製程式碼

2. 注意：
   • 不是constructor,不能new
   • Symbol() 返回一個唯一值，定義唯一或私有的東西；可以作為key，不能被for in 訪問；
   • symbol是一種基本資料型別；

generator函式 （生成器）

1. 目的：配合promise使用，解決非同步，深度巢狀，（見promise），現在用的變少，被async取代；
2. 語法：星號 * 和 yield：

   //定義
   function * gen(){
       yield 'welcome';
       yield 'to';
       return 'China';
   }
   //手動呼叫 next()順序執行
   let g1 = gen();
   console.log(g1.next()); // {value:'welcome', done: false}
   console.log(g1.next()); // {value:'to', done: false}
   console.log(g1.next()); // {value:'China', done: ture}
   
   //用 for of 迴圈
   for(let val of g1){
       console.log(val); //welcome to; return 的東西不會遍歷
   }
   複製程式碼

3. generator不僅可以用for of， 還可以解構賦值,或使用擴充套件運算子； let [a, b] = gen(); //a, b = welcome to
4. generator配合axios資料請求，例項：

   function * gen(){
       let val = yield 'murphy';
       yield axios.get('https://api..../${val}') //val為傳參
   }
   let gi = gen();
   let username = g1.next().value;
   g1.next(username).value.then(res=>{
       console.log(res.data);
   });
   複製程式碼

非同步解決方案總結：

1. 回撥函式
2. 監聽事件
3. 釋出訂閱
4. promise物件
5. async