Memahami Promise pada Javascript

Setelah kita belajar mengenai callback pada Javascript maka kita belajar Promise pada Javascript. Promise ini merupakan pengembangan lebih lanjut mengenai callback, di mana pada Promise ini ada dua buah callback yaitu resolve dan reject. Pemanggil akan memberikan informasi kepada Promise mengenai function apa yang harus dijalankan jika ternyata Promise memberikan hasil yang valid. Pemanggil juga memberikan informasi mengenai function apa yang harus dijalankan jika Promise menyatakan ada ketidakberesan.

Sebagai contoh fungsi pembagian yang memberikan informasi function berhasil() harus dijalankan jika resolve, dan function gagal() harus dijalankan jika terjadi reject. Source codenya adalah seperti berikut ini.

function bagi(a,b)
{
	return new Promise(function(resolve,reject)
	{
		if (b!=0)
		{
			let hasil = a/b;
			let kembali = { a:a, b:b,hasil:hasil};
			resolve(kembali);			
		}
		else
		{
			let alasan ='Gak boleh dibagi dengan 0';
			reject(alasan);
		}
	});
}


function berhasil(objhasil)
{
	let a = objhasil.a;
	let b = objhasil.b;
	let hasil = objhasil.hasil;
	console.log('Ternyata ',a,' dibagi ',b, ' hasilnya ', hasil);
}

function gagal(alasan)
{
	console.log(alasan);
}

bagi(10,5).then(berhasil).catch(gagal);
bagi(5,0).then(berhasil).catch(gagal);

Demo dapat dilihat di https://js.aris.proweb.asia/7-10-promise.html dengan tampilan seperti berikut ini:

Informasi lebih lanjut silahkan mengunjungi https://javascript.info/promise-basics .

Kunjungi www.proweb.co.id untuk menambah wawasan anda.