獲取對象值

Question

我有一個對象

var actions = { 
    'photos': function() 
    { 
     var self = this; // self = actions 

     $.get('./data.php?get=photos', function(data) 
     { 
      self.result = data; 
     }); 
    }, 
    'videos': function() 
    { 
     var self = this; 

     $.get('./data.php?get=videos', function(data) 
     { 
      self.result = data; 
     }); 
    } 
}; 

每個函數創建於actions多了一個項目叫result

然後，而不是switch我用這個（工作好）：

if (actions[action]) 
{ 
    actions[action](); // call a function 
    console.log(actions); 
    console.log(actions.result); 
} 

action是值爲photos或videos的變量。

console.log(actions)給出了這樣的：

Object 
message: function() 
messages: function() 
profile: function() 
profile-edit: function() 
result: "<div>...</div>" 
__proto__: Object 

所以我認爲這是result項actions與價值"<div>...</div>"。

但，console.log(actions.result)回報undefined。

爲什麼？

我知道所有這些代碼可能會重新編寫，但我想了解undefined的原因。

Answer 1

因爲我們正在處理異步請求，所以我們使用「回調」。

當異步請求準備好時，會調用回調。您的請求會得到回覆，並且您將該回復與回調一起發送。回調處理響應。

var actions = { 
    'photos': function(callback) 
    { 
     $.get('./data.php?get=photos', callback); 
    }, 
    'videos': function(callback) 
    { 
     $.get('./data.php?get=videos', callback); 
    } 
}; 

var action = 'photos'; 

actions[action](function(data) { 
    console.log(data); 
}); 

---

既然你ensist在保持價值觀，我會用這樣的結構：

var actions = { 
    'photos': function() 
    { 
     $.get('./data.php?get=photos', function() { 
      this.__callback('photos', data); 
     }); 
    }, 

    'videos': function() 
    { 
     $.get('./data.php?get=videos', function() { 
      this.__callback('videos', data); 
     }); 
    }, 

    '__callback': function(action, data) { 
     this.results[action].push(data); 
    }, 

    'results': { 
     'photos': [], 
     'videos': [] 
    } 
}; 

var action = 'photos'; 

actions[action](); 

// use a timeout because we are dealing with async requests 
setTimeout(function() { 
    console.log(actions.results); // shows all results 
    console.log(actions.results.photos); // shows all photos results 
    console.log(actions.results.videos); // shows all videos results 
}, 3000); 

gaaah什麼可怕的一段代碼...