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

return a final object from multiple callbacks javaScript

本文关键字：对象 返回 javaScript 回调      更新时间：2023-09-26

我对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 文件列表。我想在我的主文件中使用这些对象.js所以我在我的主文件中像下面这样调用它们.js

var filereader = require('./fileReader');
var images = filereader.readImages();
var jsfiles = filereader.readJSFiles();

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

您不希望为这些异步函数设置返回值。 相反，请在 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;
});
相关文章：