Promise对象中的setTimeout

时间:2018-05-31 19:33:13

标签: javascript node.js settimeout control-flow

我开始研究JS和NodeJS。编写hello-world应用程序时遇到了setTimeout的不同行为。如果我能知道造成这种差异的原因,那就太好了。

场景1 :响应等待5秒 场景2 :虽然超时设置为5秒,但请求会立即得到解决

两种情况下的代码差异是;在场景-1中,setTimeout具有匿名函数,在场景-2中,它调用同一模块中的另一个函数。

calculator.js

情景-1:

module.exports.addNumbers = function(numberArray){

    return new Promise(function(fullfil, reject){
        setTimeout(() => {
            if(!(typeof numberArray === 'Array'))
                reject('Not number elements found!');
        },5000);
        //fullfil(10000);
    });

}

enter image description here

情境-2:

module.exports.addNumbers = function(numberArray){
    return new Promise(function(fullfil, reject){
        setTimeout(add(numberArray, fullfil, reject),5000);
        //fullfil(10000);
    });
}

function add(numberArray, fullfil, reject){
    if(!(typeof numberArray === 'Array'))
        reject('Not number elements found!');
}

enter image description here

路由器(两种情况都相同):

var express = require('express');
var router = express.Router();
var calculator = require('../services/calculator');

router.get('/',function(req,res,next){

    //res.writeHeader(200,{'content-type':'text/plain'});

    res.send('Hello World - ' + JSON.stringify(res));
    console.log(res);
});

router.get('/testpromise',function(req,res,next){

    calculator.addNumbers('First Try')
        .then(function(result){
            res.send(' Final Result ## '+result);
        })
        .catch(function(err){
            res.send(' ERROR MSG ## '+err);
            console.error(' ERROR MSG ##' +err);
        });

});

module.exports = router;

2 个答案:

答案 0 :(得分:1)

setTimeout的第一个参数需要是一个要调用的函数。

在你的第一个例子中,你提供了这样一个函数(() => {}):

  setTimeout(() => {
        if(!(typeof numberArray === 'Array'))
            reject('Not number elements found!');
    },5000);

在第二个例子中,你没有将函数作为第一个参数传入,而是直接调用它(因此它会在那里得到评估)。

setTimeout(add(numberArray, fullfil, reject),5000);

据我所知,add(numberArray, fullfil, reject) 会返回一个函数。

你可以这样做把它包装成一个函数:

setTimeout(() => add(numberArray, fullfil, reject),5000);

或使add返回一个函数:

function add(numberArray, fullfil, reject){
    return () => {
        if(!(typeof numberArray === 'Array'))
            reject('Not number elements found!');
    }
}
// or 
function add(numberArray, fullfil, reject){
    return function() {
        if(!(typeof numberArray === 'Array'))
            reject('Not number elements found!');
    }
}

答案 1 :(得分:1)

function foo(varOne, varTwo) {
  console.log(varOne, varTwo);
}

setTimeout(foo, 5000, 1, 2); // you pass the parameters after the time parameter

setTimeout(()=> {foo(1, 2)}, 5000); // you call the function inside an anonymous function

您可以查看此内容以获取更多详细信息: How can I pass a parameter to a setTimeout() callback?