for循环结束后返回函数值

Question

我有以下功能，我按顺序进入控制台false 然后true。 true 在 false 之后 1-2 秒出现。仅当没有上传文件时，我才需要该函数返回 false。

function uploadFeaturedImg()
{
    var uploaded = false,
        files = featuredImg.files;

    if (files.length > 0)
    {
        for (var i = 0, len = files.length; i < len; i++)
        {
            var params = {
                Key: 'tournament/image/'+files[i].name,
                ContentType: files[i].type,
                Body: files[i]
            };

            bucket.upload(params, function(err, data)
            {
                if (!err)
                {
                    if (!uploaded) uploaded = true;
                    console.log(uploaded);
                }
                else
                {
                    fileAlert(files[i].name);
                }
            });
        }
    }

    console.log(uploaded);
    return uploaded;
};

Answer 1

我最终使用了另一种更适合我的方法。

我也在使用.ajaxStop()：https://api.jquery.com/ajaxStop/。这基本上可以让我知道所有文件何时上传（如果有）。

Answer 2

这里有一个异步问题：

当您执行循环时，您会为每次迭代调用带有回调的函数bucket.upload（当操作完成时将调用它）。但是当最后一次调用 yo bucket.upload 完成时，您的循环结束，但不是在所有回调完成时。

所以你的返回线在所有回调之前被调用。

如果您能理解这一点，您也可以理解异步函数永远不会返回某些内容（因为函数必须在结束之前等待某些内容），而是在所有完成后调用回调函数。 （在本例中为回调参数）

要正常工作，您必须使用像 async (Doc here) 这样的库

这样使用它：

if (files.length > 0) {
  async.each(
    files, 
    function(file, cb) {
      // This function will be called for each iteration
      // ... 

      // Call your funciton here
      bucket.upload(params, function(err, data) {
         // When the callback is done, call the end for the iteration
         cb();
      }
    }, 
    function(err) {
      // This function is called only when ALL callback are done. 
      callback(true);  // All upload are done correctly
    });
  );
} 
else { 
  // No files to upload 
  callback(false);  
}

Answer 3

嗯，处理异步代码总是有点复杂。

你应该改变你的方法并在你的方法签名中传递一个回调函数：

function uploadFeaturedImg(callback)
{
    var uploaded = false,
    files = featuredImg.files;

    if (files.length > 0)
    {
        for (var i = 0, len = files.length; i < len; i++)
        {
            var params = {
                Key: 'tournament/image/'+files[i].name,
                ContentType: files[i].type,
                Body: files[i]
            };

            bucket.upload(params, function(err, data)
            {
                if (!err)
                {
                    if (!uploaded) uploaded = true;
                    if(callback) callback();          //Do what you were supposed to do with the result of your function in this callback function
                }
                else
                {
                    fileAlert(files[i].name);
                }
            });
        }
     }

    return uploaded;
};