функция Javascript не возвращается ожидаемое значение

Question

Я пытаюсь запустить следующую функцию

var getjson = function(){ 
    $.get('/api/todos/testing', function(results){ 
     return results; 
    }); 
} 

Результаты должны выглядеть следующим образом:

[{_id: "57803baf0a76d5c924b18ca2", username: "testing", toDoTask: "Buy Water", isDone: false, __v: 0},{_id: "57803baf0a76d5c924b18ca3", username: "testing", toDoTask: "Buy Milk", isDone: false, __v: 0}] 

Когда я пытаюсь вызвать функцию для добавления список для моего углового контроллера

angular.module('firstapp').controller('todos', function(){ 
    this.list= getjson(); 
}); 

Список не сохраняет значения, возвращаемые функцией.

Я уверен, что проблема связана с тем, как я пытаюсь вернуть результаты, но я не мог найти, что это правильный способ сделать это.

Answer 1

$.get является асинхронным, поэтому, когда вы запустили getjson(), код по-прежнему будет выполнять операцию GET, но он немедленно вернется.

Поскольку вы не определили для него return, по умолчанию javascript вернет вам undefined, что и будет this.list.

Документация для $.get: https://api.jquery.com/jquery.get/

Чтобы исправить вашу проблему самым простым способом было бы сделать getjson() принять функцию обратного вызова.

Пример:

var getjson = function(done){ 
    $.get('/api/todos/testing', function(results){ 
     return done(results); 
    }); 
} 

воззовет getjson() с функцией, которая устанавливает list.

angular.module('firstapp').controller('todos', function(){ 
    getjson(function(results) { this.list = results; })); 
});