JQueryによるDeferredを使った非同期処理（環境はfirebase)

Question

環境：firebase Realtime Database （外部のデータベース）・・・①

①に保存してあるデータをjavascriptで読み込んで、読み込んだ値を戻り値として返す関数を作りたいと思っています。

①にあるデータは以下のようになっています。

//firebaseにあるデータをとってきて、戻す関数
const getValue=()=>{
    
    
    let ref=firebase.database().ref('mykey/value');
    //Deferredによる非同期処理。。
    
        let value=null;
        let defer=new $.Deferred().resolve();
        ref.once('value')
        .then(function(snapshot){
            
            value=snapshot.val();
            console.log(value);   //コンソールに１と表示
            defer.resolve(value);  //valueを解決して格納？

        })

        return defer.promise();
            
}

//getValueでとってきた値を、コンソールに出力する。
$('#mybutton2').on('click',function(){
    console.log("click_showvalue");
    getValue().done(function(num){
        console.log(num);//undefinedになってしまう。
    });
    
})

undefinedが先に来ているので、非同期処理の部分が上手くいっていないと思うのですが、自分で解決できません。
何時間も止まっているので、どなたかご教授お願いできませんでしょうか。

Answer 1

let defer=new $.Deferred().resolve();

最初のDeferredの宣言がresolve()になっていました。
見落としてました。。。

let defer=new $.Deferred()

これをすれば、

解決しました。ありがとうございました。