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;
});

从多个回调javaScript返回一个final对象

1 个答案: