Promise. Как передать аргумент — data — в последующий .then()?

Question

[ZaxapKramer]

Пытаюсь разобраться в фишках ES6. Не могу вникнуть в Promise.

Допустим, вот функция - решил сделать какой-нибудь "красивый" аналог Fetch для JsonP для тренировки. Не могу понять, как с помощью Promise передать аргумент в последующий then.

Вот кусок кода - функция для получения json из jsonp (вероятно, кривая):

//...
getJsonp(url) {
	return new Promise(() => {
		const d = document, s = d.createElement("script");
		window.callbackFunc = function(data) {
			delete window.callbackFunc;
			return r;
		};
		s.async = true;
		s.src = url;
		d.body.appendChild(s);
	});
};
//...

По идее, в итоге хочу получить возможность вызывать это так:

this.getJsonp("/url/file.jsonp?callback=callbackFunc").then(data => {
	console.log(data);
});

Помогите, пожалуйста, разобраться

Answer 1

[Петр]

Promise передает 2 параметра.
new Promise(function(resolve, reject) { ... });
так что когда придет время возвращаете через вызов resolve(value)

Описание тут

Comments

[ZaxapKramer]

Объект функции с двумя аргументами resolve и reject. Первый аргумент вызывает успешное выполнение обещания, второй отклоняет его. Мы можем вызывать эти функции по завершении нашей операции.

Читал, но не понял до конца. То есть в само функции, нужно сделать так:

window.callbackFunc = function(data) {
	delete window.callbackFunc;
	return resolve(data);
};

Верно понимаю?

[Виталий]

ZaxapKramer: в промисе нет return в нем вызываются 2 функции, одна отправляет результат в then (resolve) вторая в catch (reject) ,смотри мой пример в ответе

[Петр]

ZaxapKramer: Да. Только достаточно window.callbackFunc = function(data) {
delete window.callbackFunc;
resolve(data);
};

[ZaxapKramer]

Виталий, теперь понял, спасибо. Сложно новизна упущенная когда-то давно воспринимается...

[Виталий]

ZaxapKramer: промисы сильная штука, очень помогают умереть когда начинаешь все дебажить )))

[ZaxapKramer]

Виталий, Петр, спасибо. Не думал, что все так просто... Вечно ищешь в чем-то подвох, особенно в чем-то новом. Особенно после использования callback и некоторых "кастомных" реализаций then...

[Elena]

а в следующие then передается результат из предыдущего then или из первой функции?

[ZaxapKramer]

Elena, предыдущего.

Answer 2

[Виталий]

ваш промис исполняется вникуда

const myPromise = () => {
    return new Promise((resolve, reject)=>{
        let key = setTimeout(reject, 30000, 'Promise timeout');
        // Какие-то действия асинхронные для получения результата промиса
        removeTimeout(key);
        resolve(data); // <-- вот здесь мы отправляем data в then
    });
};

Используем:

myPromise()
    .then(response=>{
        console.log('data: ', response);// вот сюда прилетела наша data .... 
    })
    .catch(console.error);