Здравствуйте.
Есть cordova приложение. Есть плагин, который я могу вызвать со стороны javascript, чтобы получить данные извне, например, через такой враппер:
CordovaWrapper.getRawData(successCallback, errorCallback);
Данные, которые я получу из cordova (они придут как аргументы successCallback), я бы хотел использовать в HTML приложении.
Конечно, можно во всех местах, где нужны данные из successCallback, использовать этот CordovaWrapper, чтобы получить данные и сразу же использовать:
CordovaWrapper.getRawData(function(JSONString) {
var data = JSON.parse(JSONString)
for (var i in data) {
data[i].formattedValue = '<b>'+data[i].value+'</b>';
}
// здесь мы используем эти полученные и отформатированные данные
}, function(e) {
console.log(e)
});
Но мне это не кажется хорошей идеей. Кроме того, хорошо бы было закешировать распаршенный JSON с примененным к нему форматированием.
Я мало знаком с Javascript, но мне хотелось бы реализовать какой-нибудь провайдер данных, к которому я смогу обращаться, чтобы получать закешированные и отформатированные данные из cordova (используя этот гипотетический CordovaWrapper). И в случае работы приложения в браузере, а не на девайсе, отдавать какие-нибудь захардкоженые данные.
if (standaloneMode) {
// какие-то тестовые данные
return [{
value: 'test1',
options: [...],
}, {
value: 'test2',
options: [...],
}];
} else {
return dataFromCordova;
}
Проблема в том, что получение данных - асинхронное.
Если делать асинхронно, получается коллбэк на коллбэке:
Объявление:
DataProvider.getData = function(callback) {
var format = function (arr) {
for (var i in arr) {
arr[i].formattedValue = '<b>'+arr[i].value+'</b>';
}
return arr;
};
if (standaloneMode) {
var testData = [{
value: 'test1',
options: [...],
}, {
value: 'test2',
options: [...],
}];
callback(format(testData));
return;
}
if (this.cache) {
callback(this.cache);
} else {
var successCallback = function(JSONString) {
data = JSON.parse(JSONString);
callback(format(data));
};
CordovaWrapper.getRawData(successCallback, errorCallback);
}
}
И использование:
DataProvider.getData(function (data) {
// здесь мы используем эти полученные и отформатированные данные
});
Были мысли загружать данные в провайдер до использования. Но, опять же, нет гарантий, что момент, когда эти данные будут нужны, не наступит раньше, чем эти данные будут получены из cordova.
Как правильно сделать? Нормально ли это, хотеть отдельный класс/объект, который будет предоставлять данные? Нормально ли иметь столько коллбэков из-за асинхронности? Как делать такого рода кеширование? Как не дублировать строчки вида
callback(format(data));
?