Question

我正在做的是使用fs将5个html页面部分（html, head, chead, topaside, main, footer）拼接在一起。文件名为htmlpage.js，因此您只需在命令行工具中运行node htmlpage.js file1 file2 file3 ...，它就会将这些html页面部分拼接在一起，然后吐出file1.html, file2.html, file3.html ...。我不喜欢使用模板引擎/库/框架或其他什么，尤其是在我学习的时候这是代码：

'use strict';
const fs = require('fs'),
      head = fs.createReadStream('./html-parts/head.html', 'utf8'),
      topaside = fs.createReadStream('./html-parts/topaside.html', 'utf8'),
      footer = fs.createReadStream('./html-parts/footer.html', 'utf8');

let name = process.argv.slice(2),
    htmlray = [],
    ni = 0,
    nl = name.length;
for (ni; ni < nl; ni ++) {
    let cheadP = './html-parts/' + name[ni] + '-head.html',
        mainP = './html-parts/' + name[ni] + '-main.html',
        htmlP = name[ni] + '.html',
        chead = fs.createReadStream(cheadP, 'utf8'),
        main = fs.createReadStream(mainP, 'utf8'),
        html = fs.createWriteStream(htmlP, 'utf8');
    //let those parts form an array
    htmlray = [html, head, chead, topaside, main, footer];
    openendPipe(htmlray[1], htmlray[0]);
    htmlray[1].on('end', () => {
        openendPipe(htmlray[2], htmlray[0]);
        htmlray[2].on('end', () => {
            openendPipe(htmlray[3], htmlray[0]);
            htmlray[3].on('end', () => {
                openendPipe(htmlray[4], htmlray[0]);
                htmlray[4].on('end', () => {
                    htmlray[5].pipe(htmlray[0]);
                    htmlray[5].on('end', () => {
                        console.log(name + '.html' + ' created');
                    });
                });
            });
        });
    });
}
function openendPipe(src, dst) {
    return src.pipe(dst, {end: false});
}

但是，如果htmlray有100个部分，我希望能够进行迭代来替换这些代码，让我们称之为pipeblock ：

openendPipe(htmlray[1], htmlray[0]);
    htmlray[1].on('end', () => {
        openendPipe(htmlray[2], htmlray[0]);
        htmlray[2].on('end', () => {
            openendPipe(htmlray[3], htmlray[0]);
            htmlray[3].on('end', () => {
                openendPipe(htmlray[4], htmlray[0]);
                htmlray[4].on('end', () => {
                    htmlray[5].pipe(htmlray[0]);
                    htmlray[5].on('end', () => {
                        console.log(name + '.html' + ' created');
                    });
                });
            });
        });
    });

我试过这些解决方案，他们没有工作：
解决方案1：

(function () {
    let i = 0, count = 1;
    function nextpipe() {
        let arr = arguments[0];
        i ++;
        if (count > 5) return;
        openendPipe(arr[i], arr[0]);
        count ++;
        arr[i].on('end', nextpipe);
            }
    return nextpipe;
})();
//then replace 'pipeblock' with 'nextpipe(htmlray)';
//console.log: nextpipe is undefined.

解决方案2：

//replace 'pipeblock' with these code
let pi = 1,
    pl = htmlray.length - 1;
htmlray[pi].pipe(htmlray[0], {end: false});
htmlray[pi].on('end', nextpipe);
function nextpipe() {
    if (pi > pl) return console.log(name + '.html' + ' created');;
    pi ++;
    htmlray[pi].pipe(htmlray[0], {end: false});
    htmlray[pi].on('end', nextpipe);
}
//cosole.log: 
//htmlray[pi].pipe(htmlray[0], {end: false});
//TypeError: Cannot read property 'pipe' of undefined

Answer 1

这个东西叫做“回调地狱”，你应该使用某个库来处理像async.js这样的异步调用或者（更好）使用promises。

只需像这样宣传fs.readFile（或写下你想要使用的fs.createReadStream的承诺）

const readFile = Promise.promisify(require('fs').readFile);

然后使用Promise.all()

合并您的请求承诺

以下是Bluebird承诺库的http://bluebirdjs.com/docs/api/promise.promisify.html示例http://bluebirdjs.com/docs/api/promise.all.html，fs。

Answer 2

当我阅读异步和承诺文档时，我会谈到有关并行，系列和瀑布的部分。我的问题是关于创建一个html页面，所以它不能并行完成。但文档开始并谈论很多关于并行的内容，它们只是给我的头脑增添了困惑。掌握所有这些可能需要很长时间。无论如何，在我进行实验的过程中，我想出了一个简单的解决方案在我的问题中，重复的部分是关于检查先前的html-part是否已经使用readingStream.on('end', <do next writing>);完成了写作，所以我把它变成了一个函数：

function ifend(src, src2, dst) {
    return src.on('end', () => {return openendPipe(src2, dst);});
}

然后我可以将pipeblock变成：

openendPipe(htmlray[0], html);
ifend(htmlray[0], htmlray[1], html);
ifend(htmlray[1], htmlray[2], html);
ifend(htmlray[2], htmlray[3], html);
ifend(htmlray[3], htmlray[4], html);

然后我可以在函数中进行迭代：

function createHtml(src, dst) {
    let l = src.length - 1, 
        i = 0;
    openendPipe(src[0], dst);
    for (i; i < l; i ++) {
        //iterate ifend function.
        ifend(src[i], src[i + 1], dst);
    }
    return dst;
}

现在我可以将pipeblock替换为：

createHtml(htmlray, html);

Node.js如何使用异步回调进行迭代？

2 个答案: