ES6-Generator使用与改写

用Generator封装Symbol中的iterator方法:

注意:Generator的function后必须写*  

config:分别有3个txt文件,两个文件写路径,一个文件写要输出的内容

前置写法,node引入fs:

let fs = require('fs');

function read(path){
    return new Promise((res, rej) => {
        fs.readFile(path, 'utf-8', (err,data) => {
            if(data){
                res(data);
            }else{
                rej(err);
            }
        })
    })
}

  

当前的迭代方法:
    let obj = {
            0: 'a',
            1: 'b',
            2: 'c',
            length:4,
            [Symbol.iterator]: function (){
                let index = 0;
                let next = () => {
                    return {
                        value: this[index],
                        done: this.length == ++index
                    }
                }

                return {
                    next
                }
            }
        }

        console.log([...obj]);//(3) ["a", "b", "c"]

        for(let p of obj){
            console.log(p);//a b c
        }

改写后的方法:
        let obj = {
            0: 'a',
            1: 'b',
            2: 'c',
            length:3,
            [Symbol.iterator]: function* (){
                let index = 0;
                while(index != this.length){
                    yield this[index++]
                }
            }
        }

        console.log([...obj]);//(2) ["a", "b"]

        for(let p of obj){
            console.log(p);//a b
        }


    

用promise解决回调地狱问题与Generator方法对比

let fs = require('fs');

function read(path){
    return new Promise((res, rej) => {
        fs.readFile(path, 'utf-8', (err,data) => {
            if(data){
                res(data);
            }else{
                rej(err);
            }
        })
    })
}


read('./number.txt').then((value) => {
    
    return read(value);
}).then((value) => {
    return read(value);
}).then((value) => {
    console.log(value);
})

以上缺点调用太多次then方法

那么我们用Generator方法解决一下回调地狱

function * readA() {

    let val1 = yield read('./number.txt');
    let val2 = yield read(val1);
    let val3 = yield read(val2);

    return val3;
}
//返回Generator对象
let oG = readA();

let {value, done} = oG.next();

value.then((val) => {
    let {value, done} = oG.next(val);
    value.then((val) => {
        let {value, done} = oG.next(val);
        value.then((val) => {
            console.log(val)
        })
    })
})

缺点:与回调地狱无区别

Generator优化:

注意:必须引入fs模块才能运行

function * readA() {

    let val1 = yield read('./number.txt');
    let val2 = yield read(val1);
    let val3 = yield read(val2);

    return val3;
}


function Co(oIt){
    return new Promise((res, rej) => {
        let next = (data) => {
            let {value, done} = oIt.next(data);
            if(done != true){
                value.then((val) => {
                    next(val);
                })
            }else{
                res(value);
            }

        }
        next();
    })
}


Co(readA()).then((val) => {
    console.log(val)
})

node有co模块,在npm下载使用,效果一样

猜你喜欢

转载自www.cnblogs.com/set-promise/p/ES6.html
今日推荐