GetJSON. Как получить данные из функции?

Question

[1alexandr]

Здравствуйте, помогите пожалуйста решить проблему, не пойму почему возвращается undefined. Как можно получить нужное значение из этого метода?

var obj = {
  getCoords: function() {
		var self = this, arr;
		$.getJSON('data.json', function(data) {
			self.setArrays(data.array);
			arr = data;
		});
		return arr;
	}
};

console.log( obj.getCoords() );

Answer 1

[Алексей Рытиков]

$.getJSON выполняется асинхронно. Есть 2 пути.
1. Хороший путь: передавать callback-функцию аргументом в .getCoords().

var obj = {
  getCoords: function(callback) {
    var self = this;
    $.getJSON('data.json', function(data) {
      self.setArrays(data.array);
      callback(data);
    });
  }
};

obj.getCoords(function (arr) {
    console.log(arr);
});

2. Плохой путь: использовать $.ajax с параметров async: false. Это легче, но пока будет идти вызов, весь JavaScript и UI браузера будет висеть.

3. Добрый путь: использовать Promise

Comments

[1alexandr]

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

[Алексей Рытиков]

1alexandr: вам придется либо использовать плохой путь, либо учиться выживать в мире бесконечных вложенных callback-ов JavaScript'а. callbackhell.com

[Алексей Уколов]

Алексей Рытиков: есть и третий путь - использовать промисы

[Алексей Рытиков]

Алексей Уколов: да, спасибо, добавил к ответу кратко. К сожалению, я еще не проникся ими.