带有setTimeout的函数构造函数

function constructor with setTimeout

本文关键字：构造函数 函数 setTimeout 带有      更新时间：2023-09-26

为什么本例中的d.age()不起作用？

function Dog(input) {
    this.name = input;
    this.color = function(){
        return 'black';
    }
    this.age = function(){
        setTimeout(function(){
            return '10';
        }, 500);
    }    
}  
window.d = new Dog('Blacky');

Javascript没有"等待"。您要么立即返回，要么稍后执行回调：

function Dog(input) {
    this.name = input;
    this.color = function() {
        return 'black';
    }
    // returning a value works just fine:
    this.ageImmediate = function() {
        return 10;
    }
    // but if we want to return after a delay, we have to use a callback
    this.ageDelayed = function(cb) {
        setTimeout(function(){
            cb(10);
        }, 500);
    }
}  

var d = new Dog('Blacky');
console.log("returned", d.ageImmediate());
d.ageDelayed(function(age) {
    console.log("from callback", age);
});

这是有效的，但不是您所期望的，您必须使用回调系统：

function Dog(input) {
    this.name = input;
    this.color = function(){
        return 'black';
    }
    this.age = function(callback){
        setTimeout(function(){
            callback('10');
        }, 500);
    }    
}  
window.d = new Dog('Blacky');
d.age(function(age){
// do some stuff with age
});

还可以查看jquery.defferedhttp://api.jquery.com/deferred.promise/

当您调用age（）时，超时被启动，函数返回未定义，因为您在函数中没有返回任何内容。然后在500毫秒之后，超时触发，并且该函数返回10。

所以我不知道你想让这个函数做什么。

相关文章：