微信ミニプログラムでasyncを使用して使用する方法

2年 ago
桜, 春樹
1 minute

WeChat ミニプログラムで async を利用する場合は、次の手順に従ってください。

  1. 非同期操作を実行する必要性を、Promiseオブジェクト内に封入する。例えば、new Promise()を使用してPromiseオブジェクトを作成し、Promiseオブジェクトの内部で非同期操作を実行する。
  2. 小程序のページやコンポーネントで非同期関数を定義するには async キーワードを使用します。例: async function myAsyncFunc() { … }
  3. 非同期関数では、Promise オブジェクトの結果を待機するために await キーワードを使用します。たとえば、const result = await myPromise() を使用して myPromise() 関数の戻り値を待機できます。
  4. 非同期関数内で `Promise` オブジェクトの結果を処理する。`try-catch` ステートメントを使用して `Promise` オブジェクトのエラーを補足し、必要に応じて処理を実行する。

次に、非同期処理を使用してコーディングする方法の例のいくつかを示します。

// 封装异步操作为Promise对象
function fetchData() {
return new Promise((resolve, reject) => {
wx.request({
url: 'https://api.example.com/data',
success: res => resolve(res.data),
fail: err => reject(err)
})
})
}
// 在页面或组件中使用async定义异步函数
async function getData() {
try {
// 使用await等待Promise对象的结果
const data = await fetchData()
// 处理结果
console.log(data)
} catch (error) {
// 处理错误
console.error(error)
}
}

上の例では、fetchData() 関数は非同期処理をラップし、Promise オブジェクトを返しています。 その後、getData() という名前の非同期関数が async を使って定義され、その関数内で非同期処理の結果を await で待って、その結果に基づいて処理を行っています。

bannerAds