Firebase でデータを非同期に取得するときに参照の損失を防ぐにはどうすればよいですか?-jsチュートリアル-php.cn

Firebase でデータを非同期に取得するときに参照の損失を防ぐにはどうすればよいですか?

Mary-Kate Olsen

リリース： 2024-11-07 01:19:03

オリジナル

812 人が閲覧しました

How Do You Prevent Reference Loss When Fetching Data Asynchronously with Firebase?

Firebase の非同期の性質の詳細: 参照損失の解決

Firebase を AngularJS と組み合わせることで、ユーザーのリストを含むデータの効率的な取得が可能になります。 Once() 関数を使用してユーザーリストにアクセスすることは困難ではありませんが、その関数のスコープを超えてユーザーリストを取得することは困難であることがわかります。この記事では、根本的な原因を調査し、包括的な解決策を提供します。

非同期の落とし穴を理解する

Firebase のデータ取得は非同期で動作し、コードの実行が非線形になります。これを説明するには、次のコードスニペットを考えてみましょう。

this.getUsers = function() {
    var ref = firebase.database().ref('/users/');
    ref.once('value').then(function(snapshot) {
        // User list processing
        console.log(users); // Output: All users
    });
    console.log(userList); // Output: Undefined
}

ログイン後にコピー

実行すると、then() ブロック内での取得が成功したにもかかわらず、最後に期待されるユーザーリスト出力が得られないままになります。これは、コードが順序どおりに実行されないために発生します。

「リスナーをアタッチする前に」ログを作成
リスナーをアタッチしてユーザーデータを取得します
ログを「リスナーをアタッチした後」
🎜>
userList がまだ割り当てられていないため、「未定義」をログに記録します

ユーザーリスト

1.コールバックを利用する

直接的なアプローチは、ユーザーリストに依存するすべてのコードをコールバック関数にシフトすることです。これにより、ロジックが「リストをロードしてから印刷する」から「リストがロードされるたびに印刷する」に再構築されます。

ref.once('value', function(snapshot) {
    // User list processing
    console.log(users); // Output: All users
})

ログイン後にコピー

2. Promise とコールバックを活用する

Promise はより洗練されたソリューションを提供し、getUsers() 関数から Promise を返すことができます。これにより、以前と同様に Once() コールバックを使用できるようになりますが、追加の Promise ラッピングが追加されています:

this.getUsers = function() {
    return ref.once('value').then(function(snapshot) {
        // User list processing
        return users;
    })

...

userService.getUsers().then(function(userList) {
    console.log(userList);
})

ログイン後にコピー

3. Async/Await を採用する

Promise を使用すると、async/await 構文を利用して、より同期的に見えるアプローチを実現できます。

async function getAndLogUsers() {
    const userList = await userService.getUsers();
    console.log(userList);
}

ログイン後にコピー

ただし、これは重要です。 getUsers() 関数は非同期関数のままであるため、呼び出し元のコードが Promise または Future をそれに応じて処理する必要があることに注意してください。

これらの戦略を採用することで、Firebase の非同期機能を効果的に活用し、それ以降の参照の損失を防ぐことができます。 Once() 関数のスコープ。

以上がFirebase でデータを非同期に取得するときに参照の損失を防ぐにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。