javascript - 从多个回调 javaScript 返回最终对象

Question

我是 JavaScript 和 Node.js 的新手。我想做的是使用 Node 的文件流从两个不同的目录中读取一堆图像和 js 文件。我已经编写了一个 fileReader.js 模块来读取图像和 .js 文件，如下所示

var fs = require('fs');

//module to read all the images from the images directory --> either .jpg or .png images and filter out the rest
function readImages()
{
    var imageArray = [];
    fs.readdir('../images',function(err,files)
    {       
        files.filter(function(file)
        {
            return ( (file.substr(-4) === '.png') || (file.substr(-4) === '.jpg') );
        }).forEach(function(file)
        {
            imageArray.push(file);
        });
        console.log(imageArray);
        return imageArray;
    });
    //or return here???
}

//module to read all the javascript files and filter out non js files
function readJSFiles()
{
    var jsArray = [];
    fs.readdir('../jsfiles',function(err,files)
    {       
        files.filter(function(file)
        {
            return ( (file.substr(-3) === '.js') );
        }).forEach(function(file)
        {
            jsArray.push(file);
        });

        console.log(jsArray);
        return jsArray;
    });
    // or return here???
}

exports.readImages = readImages;
exports.readJSFiles = readJSFiles;

现在我试图返回两个不同的数组对象，一个用于图像列表，另一个用于 js 文件列表。我想在我的 main.js 文件中使用这些对象，所以我在我的 main.js 中像下面这样调用它们

var filereader = require('./fileReader');

var images = filereader.readImages();
var jsfiles = filereader.readJSFiles();

但是这些数组对象在main.js文件中是空的。据我了解，这与回调有关，但我该如何解决这个问题？？

Answer 1

您不想为这些异步函数设置返回值。相反，在您的 fs 方法完成后调用回调函数。

function readImages(callback)
{
    var imageArray = [];
    fs.readdir('../images',function(err,files){       
        files.filter(function(file){
            return ( (file.substr(-4) === '.png') || (file.substr(-4) === '.jpg') );
        }).forEach(function(file){
            imageArray.push(file);
        });
        console.log(imageArray);

        //invoke the function from above
        callback(imageArray);
    });
}

您可以编写 readImages() 函数来接受回调函数。此回调函数会将您的图像变量设置为指向图像数组。

//main.js
var filereader = require('./fileReader');
var images;

filereader.readImages(function(myImagesFromFs){
  images = myImagesFromFs;
});