top5_ES6(中下)web全栈进阶

 

promise:

<script src="jquery-3.1.1.js"></script>
<script>

    setReq = (url,queryStr) =>{//封装
        Promise.all([
            $.ajax({url,data:queryStr})
        ]).then(success = data => {
            let [json] = data;
            console.log(json)
        }, err = err => JSON.stringify(err))
    };
    setReq('data/json.txt','');//调用

</script>

 

yield：1.传参。2.返回。

1.传参

<script>
    function *show(num1,num2) {
        alert(`${num1},${num2}`);
        alert('a');
        let a = yield;
        alert('b');
        alert(a)
    }
    let gen = show('22,33');
    gen.next(12);//没法给yield传参
    gen.next(5);
</script>

2.返回

<script>
    function *show() {
        alert('a');

        yield 12;

        alert('b');

        return 55;
    }

    let gen = show();
    let res1 = gen.next(); //{value:12,done:false}
    console.log(res1);
    let res2 = gen.next(); //{value:55,done:true}
    console.log(res2);
</script>

 

generator：

<script>
    //普通函数
    show = () => {
        console.log('111');
        console.log('222')
    };
    // show();

    //generator函数
    function *show2(a,b) {
        alert(a);
        yield;//暂停
        alert(b)
    }
    let generatorObj = show2('哈哈','嘿嘿');
    console.log(generatorObj);//查看generator对象
    generatorObj.next();//alert 哈哈
    generatorObj.next();//alert 嘿嘿


</script>