ES6_symbol和generator_note

ES6新增数据类型:

Symbol 使用情况一般

用 typeof 检测出来的类型是: symbol

注意:

1.Symbol不能new出来
2.Symbol()返回的是一个唯一的值\

使用可以做一个key,定义一些唯一或者私有的一些东西
3.symbol 是一个单独的数据类型,就叫symbol,属于基本数据类型
4.如果symbol作为key,用 for in 循环,出不来

Symbol的定义和使用

<script >
    let syml = Symbol('aaa');
    console.log(syml);
    console.log(typeof syml);
</script>

Symbol可用于json中:

<script >
    let symbol = Symbol('kirin');
    let json = {
        a: 'apple',
        b: 'banana',
        [symbol]: 'aaa'
    };
    console.log(json['a']);
    console.log(json[symbol]);
    console.log("split---");

    for (let item in json) {
        console.log(item);
    }
</script>

---

箭头函数:

<script >
    ()=>{
            }
</script>

generator 函数:生成器

是为了解决异步深度嵌套的问题

generator函数语法:

<script >
function * show() {
  //只能配合generator函数来使用
        yield 
}
//如:
function* gen() {
        yield 'welcome';
        yield 'to';
        yield 'school';+
    }
</script>

• 调用:

<script >
   function* gen() {
       yield 'welcome';
       yield 'to';
       return 'school';-
   }

   let g1 = gen();
   console.log(g1.next()); // {value: "welcome", done: false} value:值 , done:后面是否为空
   console.log(g1.next());
   console.log(g1.next());// 此时返回的是最后一个,done:true
</script>

上述调用为手动调用

• for…of…自动便利generator,但是不会遍历到generator,如:

<script >
   function* gen() {
       yield 'welcome';
       yield 'to';
       return 'school';
   }

   let g1 = gen();
   for (let val of g1) {
       // 此时不会输出return的东西
       console.log(val);
   }
</script>

还可以使用解构赋值(它解构并不会解构return的东西),如:

<script >
    function* gen() {
        yield 'welcome';
        yield 'to';
        return 'school';
    }

    let [a, b] = gen();
    console.log(a, b);
</script>

或者配合解构:

<script >
    function* gen() {
        yield 'welcome';
        yield 'to';
        yield '51.cnm';
        return 'school';
    }

    let [a, ...b] = gen();
    console.log(a, b);
</script>

或者使用扩展运算符:

<script >
    function* gen() {
        yield 'welcome';
        yield 'to';
        yield '51.cnm';
        return 'school';
    }
    console.log(...gen());
</script>

也可以配合Array.from()来使用:

<script >
    function* gen() {
        yield 'welcome';
        yield 'to';
        yield '51.cnm';
        return 'school';
    }

    console.log(Array.from(gen()));
</script>

---

异步:不连续,上一个操作没有执行完,下一个操作照样开始

同步:连续执行,上一个操作没有执行完,下一个没法开始\

关于异步的解决方案:\

回调函数

事件监听

发布/订阅

Promise对象\

---

<script >
    async function fn() {
      let result=await xxx; //表示后面结果需要等待
    }
</script>

补充:async特点:

1.await只能放到async函数

2.相比generator语义化更强了

3.await后面可以是promise对象,也可以是数字,字符串等等

4.async返回的是promise对象

5.只要await语句后面promise状态变成一个reject时,整个async函数就会中断执行,如:\

<script >
   async function fn() {
     throw new Error('Error出错了');
   }
   fn().then(res=>{
   
   console.log(res)},err=>{
   
   console.log(err);})
</script>

async函数中解决抛错:影响后续代码:使用try{}catch(){}
推荐在任何有await的地方,都用try,catch