在参数评估之前调用快速渲染

Question

我对 nodejs、express 和 javascript 还是很陌生。 我有一个代码：

router.get('/', function(req, res, next) {
    const content = fileReader();

    res.render('index', { "content" :  content } );
});

fileReader 正在使用 fs.readFileSync 在 for 循环中读取文件，因此它首先读取所有文件，然后返回一个大字符串。

这个字符串然后被传递给视图并渲染。

上面的代码工作正常，但是当我把它改成这样时：

router.get('/', function(req, res, next) {
    res.render('index', { "content" :  fileReader() } );
});

它不起作用。页面已渲染，但内容为空。

fileReader 函数：

const fileReader = function()
{
    let low = 0;
    let high = 9;

    let content = "";

    for( ; low <= high; low++ )
    {
        if( fs.existsSync( contentDir + "/" + low ) )
        {
            content += fs.readFileSync( contentDir + "/" + low, "utf-8" );
        }
        else
        {
            break;
        }
    }

    return content;
}

有人能解释一下这里发生了什么吗？为什么在 fileReader() 完成之前调用渲染？不应该先执行函数并调用渲染等待结果吗？或者render和fileReader是并行调用的？

请解释一下。

Answer 1

在 nodeJs 中使用同步功能不是一个好主意，我很确定这就是它在没有内容的情况下呈现您的页面的原因。

你应该做的是：

const fileReader = function()
{
   return new Promise((resolve,reject)=>{
     let low = 0;
     let high = 9;

     let content = "";

     for( ; low <= high; low++ )
     {
       fs.readFile( contentDir + "/" + low, "utf-8",(err,data)=>{
           if(err){
               reject(err);
           }
           content += data;
       });
     }
     resolve(content)
   });

}

为您的文件阅读器和以下为您的路线：

router.get('/', function(req, res, next) {
    fileReader().then((data)=>{
        res.render('index', { "content" :  data } );
     }).catch((error)=>{
          //handle your error
     }); 
 });