Как вернуть результат, который вложен в несколько функций?

Question

[maksam07]

Начну сразу с примера т.к. устал разбираться со всем этим...
Есть такая функция:

function toDataURL(url, callback) {
	var xhr = new XMLHttpRequest();
	xhr.onload = function() {
		var reader = new FileReader();
		reader.onloadend = function() {
			callback(reader.result);
		}
		reader.readAsDataURL(xhr.response);
	};
	xhr.open('GET', url);
	xhr.responseType = 'blob';
	xhr.send();
}

и работает она примерно так:

toDataURL( "url/img.png", function(dataUrl) {
	console.log('RESULT:', dataUrl)
})

Но хочу, что бы она работала так:
var res = toDataURL( "url/img.png" );

Если хотите спросить почему, то..
Я использую функции в ассоциативном массиве:

var go = {
	arrTask: {},
	create: function(){
		this.arrTask["status"] = 1;
		this.arrTask["res"] = res;
		return arrTask;
	}
};

ну и соотв. обрабатывать их как-то так:

var goVar = go.create();
alert( goVar.res );

Вроде бы все описал. Буду очень признателен за какое-либо решение. Ибо много времени уже потратил именно на эту задачу. С остальным вроде проблем не было.

Comments

[M-ka]

если есть значение в работе более мение старых браузеров, следует отказаться от использования текущей версии аякс обвертки, она плохая и необходимо переписать.... в более старых версиях браузера опен должен содержать 3 параметра (третий идет тип запроса, а/синк ), без чего в части случаев плюется ошибка с последующим прекращением сценария. В то же время, современные ее выпиливают но пока принимают но с выбрасыванием уведомления в консоль, что данный подход устарел. Потому однозначное удаление или присутствие третьего значения приводит к ошибке (сейчас для старых из-за отстутсвия или потом при удалении поддержки в современных. Помню, несколько лет назад попал с тем, что удалили поддержку с браузеров чего то с Х, а оно использовалось в каком то сценарии, пришлось срочно выпиливать, хром тогда отличился первым.).

Answer 1

[dummyman]

Конкретно так, как вы хотите не получится. Но именно эту задачу решают промисы.

Comments

[dummyman]

Максим Компаниец: Хотя не, получится. Но тогда страничка или вкладка подвиснет до получения ответа от сервера, если использовать XHR в синхроннном режиме.

[maksam07]

dummyman: то что подвиснет это не страшно, мне главное что б результат вернуло. В промисы вникать не хочу, мне б научиться по моему примеру как-то работать

[dummyman]

Максим Компаниец:
Держите ссылку

https://developer.mozilla.org/en-US/docs/Web/API/X...

Но практика хреновая, так даже в 2006 не делали. Но тогда подвисал весь браузер.

[dummyman]

Максим Компаниец:

Example: HTTP synchronous request

This example demonstrates how to make a simple synchronous request.

var request = new XMLHttpRequest();
request.open('GET', '/bar/foo.txt', false);  // `false` makes the request synchronous
request.send(null);

if (request.status === 200) {
  console.log(request.responseText);
}

[bx-coder]

Запрос можно синхронно послать, а вот синхронного чтения файлов нет.

[dummyman]

bx-coder: Кое кто использует в цикле бесконечную проверку флага до чтения следующего файла

var ready = false;
var result = '';

var check = function() {
    if (ready === true) {
         // do what you want with the result variable
         return;
    }
    setTimeout(check, 1000);
}

check();

var reader = new FileReader();
reader.onloadend = function(evt) {
    // file is loaded
    result = evt.target.result;

    ready = true;
};
reader.readAsDataURL(file);

[KnightForce]

Сразу учиться неправильному - не очень годное занятие.)

[dummyman]

KnightForce: Ну я и говорю, проблема решена за долго до того как ей задался автор вопроса.=)