JAVA Script Promise .then pending resolved rejected PromiseStatus - 版の履歴

2022年11月24日 (木) 14:22にYo-netによる

2022-11-24T14:22:36Z

← 古い版		2022年11月24日 (木) 23:22時点における版
1行目:		1行目:
			[[JAVA Script]]へ戻る。
	== '''概要''' ==		== '''概要''' ==
	Promiseは非同期処理についての処理順序を制御するためのメカニズムをもった特殊なオブジェクトです。		Promiseは非同期処理についての処理順序を制御するためのメカニズムをもった特殊なオブジェクトです。
49行目:		50行目:

	もう少し、細かいところに着目すると、状態というものを PromiseStatus にもっていて、非同期処理中は Pending 非同期処理成功で resolved になり .thenの関数が呼ばれる。非同期処理失敗で rejected になり .catch が呼ばれます。		もう少し、細かいところに着目すると、状態というものを PromiseStatus にもっていて、非同期処理中は Pending 非同期処理成功で resolved になり .thenの関数が呼ばれる。非同期処理失敗で rejected になり .catch が呼ばれます。



			[[JAVA Script]]へ戻る。

2022-11-24T14:20:54Z

← 古い版		2022年11月24日 (木) 23:20時点における版
32行目:		32行目:
	r = document.getElementByID("result").innerHTML;		r = document.getElementByID("result").innerHTML;
	r += "1 : 順序処理"		r += "1 : 順序処理"
	New Promise((AsyncProc) => {		New Promise((AsyncProc, ErrorProc) => {
	timerID = SetTimeout(() => {		timerID = SetTimeout(() => {
	r += "2 : 3秒経過。順序処理";		r += "2 : 3秒経過。順序処理";
	AsyncProc("(Promise経由)");		AsyncProc("(Promise経由)");
			ErrorProc("(Promise失敗)");
	}, 3000);		}, 3000);
	}).then((str) => {		}).then((str) => {
	r += "3 : 順序処理"+ str;		r += "3 : 順序処理"+ str;
			}).catch((str) =>{
			r += "3 : 2は処理失敗"+ str;
	});		});
	</script>		</script>
45行目:		48行目:


	もう少し、細かいところに着目すると、状態というものを PromiseStatus にもっていて、非同期処理中は Pending 非同期処理成功で ~~esolved~~ になり .thenの関数が呼ばれる。非同期処理失敗で rejected になり .catch が呼ばれます。		もう少し、細かいところに着目すると、状態というものを PromiseStatus にもっていて、非同期処理中は Pending 非同期処理成功で resolved になり .thenの関数が呼ばれる。非同期処理失敗で rejected になり .catch が呼ばれます。
	~~</syntaxhighlight>~~

2022-11-24T14:15:00Z

概要

← 古い版		2022年11月24日 (木) 23:15時点における版
41行目:		41行目:
	});		});
	</script>		</script>
			</syntaxhighlight>
	という具合にします。こうするとAsyncProcという関数は Promise の約束に従って、処理が終わったら、Promise の第一引数で指定されている関数を呼び出すようにしておけば、呼出し後に .then(arg)の関数が実行されるという仕組みにできます。順序どおりの処理が非同期関数を使っていながら、分かつことができるというのがこのPromiseの効果です。処理を分かつ必要もない場合やメインの制御で逐次実行されているものとの処理順を気にしない場合は、まとめて記述すればいいです。		という具合にします。こうするとAsyncProcという関数は Promise の約束に従って、処理が終わったら、Promise の第一引数で指定されている関数を呼び出すようにしておけば、呼出し後に .then(arg)の関数が実行されるという仕組みにできます。順序どおりの処理が非同期関数を使っていながら、分かつことができるというのがこのPromiseの効果です。処理を分かつ必要もない場合やメインの制御で逐次実行されているものとの処理順を気にしない場合は、まとめて記述すればいいです。