【H5】プロミスの使い方

一連の記事

C# の基礎となるライブラリ –この記事へのレコード ログ ヘルパーのリンク: https://blog.csdn.net/youcheng_ge/article/details/124187709

---

序文

このコラムは、主にフロントエンドの知識ポイントを紹介する【H5】です。

1. 技術紹介

CSV ファイルと DataTable オブジェクトの変換ヘルパー クラス。私たちのデータベースエクスポートファイルは「CSV」形式です。「CSV」ファイルを読みたい場合は、このクラスライブラリを使用できます。

注意：请填写

2. プロジェクトのソースコード

2.1 プロミス状態

Promise には 3 つの状態があります。Promisepending（准备，待定态）、fulfilled（已完成，成功态）、rejected（已拒绝，失败态）の状態変更は 1 回限りです。

	<script>
	const p = new Promise((resolve,reject)=>{
    
    
		// resolve()
		// reject()
	});
	console.dir(p);
	</script>
</html>

	<script>
	const p = new Promise((resolve,reject)=>{
    
    
		resolve()
		// reject()
	});
	console.dir(p);
	</script>

	<script>
	const p = new Promise((resolve,reject)=>{
    
    
		// resolve()
		reject()
	});
	console.dir(p);
	</script>

2.2 約束の結果

PromiseResult結果

	<script>
	const p = new Promise((resolve,reject)=>{
    
    
		resolve('成功的输出')
		// reject('失败的输出')
	});
	console.dir(p);
	</script>

2.3 Promiseのメソッドパラメータ

then メソッドは 2 つのパラメータを取ります。
パラメータ:
1. 値を受け取る関数
2. 理由またはエラーを受け取る別の関数
戻り値: Promise オブジェクト

	<script>
		const p = new Promise((resolve, reject) => {
    
    
			// resolve('成功的输出')
			reject('失败的输出')
		});
		p.then(() => {
    
    
			console.log('成功时执行');
		}, () => {
    
    
			console.log('失败时执行');
		});

		console.dir(p);
	</script>

2.4 Promise の then メソッドがデータを取得する

<script>
	const p = new Promise((resolve, reject) => {
    
    
		// resolve('123')
		reject('456')
	});
	p.then(value => {
    
    
		console.log('成功时执行:' + value);
	}, (reason) => {
    
    
		console.log('失败时执行' + reason);
	});

	console.dir(p);
</script>

3.エフェクト表示

4. リソースリンク