在JavaScript函数中使用done作为参数是什么意思？

Question

我正在学习Javascript，并且似乎把函数作为参数完成是一个很难理解的概念。 我想知道为什么它的行为如此（作为参数完成（我想是完成的过程信号），并且是否有一些不错的书或在线资源可以进一步研究这个概念。 例如 ，我将跟随一个教程及其使用done作为参数，问题是当我通过gulp（gulpfile.js）在节点上运行代码时，使用done时该过程永远不会停止，如果我选择跳过代码中的done则它运行平稳。解决问题，我知道问题是作为参数完成的（我已经对其进行了多次检查）。

gulp.task('clean-styles', function(done) {
    var files = config.temp + '**/*.css';
    clean(files, done);
});


function clean(path, done) {
    log('Cleaning: ' + $.util.colors.blue(path));
    del(path, done).then(function(path) {
        console.log("path=",util.inspect(path,false,null))
        console.log('Deleted Files\/Folders:\n', path.join('\n'));
        console.log('Finishing clean')
    });
}

• 节点版本：0.12.4
• npm版本：2.10.1
• gulp版本：3.9.0

非常感谢您的帮助，我们将不胜感激。 称呼。

Answer 1

只能解释这个概念。 您试图达到的目标还不够清楚。

done只是一个函数（也称为回调）的非官方标准名称，它通知调用函数（stacktrace中的父代）任务已完成。

回想一下，javascript是异步的，并且函数可以作为变量传递。

现在，想象一个函数startPrinting ，它必须调用printText1 ， printText2和printText3 ，然后输出该过程已完成的消息。 我们有：

function startPrinting() {
    printText1();
    printText2();
    printText3();
    console.log("completed");
}
function printText1() {
    $.get('http://ps-web.cloudapp.net/proxy.php?url=http://pastebin.com/raw.php?i=3uPCavLN', function(response){
        console.log(response)
    });
}
function printText2() {
    $.get('http://ps-web.cloudapp.net/proxy.php?url=http://pastebin.com/raw.php?i=jZjqKgNN', function(response){
        console.log(response)
    });
}
function printText3() {
    $.get('http://ps-web.cloudapp.net/proxy.php?url=http://pastebin.com/raw.php?i=SreCbunb', function(response){
        console.log(response)
    });
}

在此，不能保证在执行completed所有三个功能后始终会打印completed 。 因为它们异步执行。

为了对此进行排序，javascript忍者将引入完成函数，以便startPrinting仅在所有三个函数均已执行时才打印completed 。 请注意如何将函数传递给下面的printText1 ... 2 ：

function startPrinting() {
    /* START OF DONE ROUTINE */
    var count = 0;
    var printCompleted = function() {
        count+=1;

        if(count == 3)
            console.log("completed");
    }
    /* END */
    printText1(printCompleted);
    printText2(printCompleted);
    printText3(printCompleted);
}
function printText1(done) {
    $.get('http://ps-web.cloudapp.net/proxy.php?url=http://pastebin.com/raw.php?i=3uPCavLN', function(response){
        console.log(response)
        done();
    });
}
function printText2(done) {
    $.get('http://ps-web.cloudapp.net/proxy.php?url=http://pastebin.com/raw.php?i=jZjqKgNN', function(response){
        console.log(response)
        done();
    });
}
function printText3(done) {
    $.get('http://ps-web.cloudapp.net/proxy.php?url=http://pastebin.com/raw.php?i=SreCbunb', function(response){
        console.log(response)
        done();
    });
}

我希望您能够应用此原理来更好地了解您的上下文。

Answer 2

函数是JavaScript中的一流对象。 您可以像传递其他任何值一样传递它们。 一旦将它们作为参数传递给另一个函数，则可以使用参数名称来调用它们（或调用另一个函数并将其作为参数传递给该函数，或者分配它们的属性，或者将它们转换为字符串，或者其他方式想和他们一起做）。

 function this_sets_the_body() { document.body.innerHTML = "Hello, world"; } function this_calls_a_callback(im_a_callback) { im_a_callback(); } this_calls_a_callback(this_sets_the_body); 

在代码中，您已经使用匿名函数表达式编写了一个函数：

 function(done) { // ... } 

…并且您已经告诉它期望以您称为done的参数来调用它。

无论将什么值传递给它，您都将忽略（您的函数在参数名称后没有提及done ）。

您正在使用的库（大概）正在其中传递一个函数，并且希望您在函数完成后立即调用它。 这样一来，它就可以等到您正在执行的所有异步操作完成为止。

因此，在代码完成后调用done() 。

Answer 3

看来您的示例在回调方面完全搞砸了。 在您的示例中的某些地方， done被用作回调-从外部给定的函数，当异步过程中的所有操作完成并发出操作结束信号时，将调用该函数。 在其他情况下，它似乎用作执行方法本身提供的参数。 在另一种情况下，您可以在promise使用它。 无论如何，由于我对 gulp 并不熟悉，所以我只能猜测，但是我希望以下示例可以为您解释callback和部分promise的概念。 但是，我建议避免在同一代码中丢失回调和Promise的情况，因为这会导致混乱。

gulp.task('clean-styles', function(done) {
   console.log(1);
   /* we are in the callback of gulp.task: we give the
    * latter this anonymous function to call when the 
    * setup is ready and it gives us function done to
    * call when we are done and signal the engine any errors
    */
   var files = config.temp + '**/*.css';

   /* this defines the action to take when files are actually deleted */
   var callback = function(err, message) {
       console.log(6);
       console.log(message); // expect: looks good
       // this is provided apparently by gulp and calling it signals the engine that everything is completed
       done(err);
   };

   /* we call this function, but some bits (like deletion 
    * run asynchronously. The function will return quickly, but
    * callback (function) will only be called when files are deleted */
   clean(files, callback);
   /* the execution of gulp.task callback is finished,
    * but files are not yet deleted */
   console.log(4);
});

/* done here is not the same done as above, it is actually
 * the function we supply into the call above, i.e. `callback` */
function clean(path, done) {
    /* the cleanup is starting */
    console.log(2);
    /* del is scheduled. it returns a `promise` and if
     * we call `then`, then the given anonymous function
     * will be executed when files are deleted. This is
     * where we call the provided function `done` to
     * signal that the job is complete and execute some action */
    del(path).then(function() {
        /* files are deleted and this callback is called */
        console.log(5);
        /* we let the outer caller know by calling `done` which
         * was given to us from outside */
        done(null, "looks good"); // null means no error
    }).catch(function(err) {
        done(err, "looks bad"); // err is given back
    });
    /* the clean method is through, but files not yet deleted */
    console.log(3);
}