JSで戻り値を受け取れない

Question

前提・実現したいこと

戻り値を受け取りたい

発生している問題・エラーメッセージ

JSで関数からの返り値を表示するプログラムを書いていたのですが、返り血を受け取れません。

該当のソースコード

<script src="//ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>

<script>
function call() {
    $.get("https://example.com/api/", null, null, "json")
        .done(function (data1) {
            const data2 = JSON.stringify(data1);
            return data2
        })
        .fail(function () {
            console.error('error');

        })
}
    alert(call());
  </script>
  

試したこと

return data2 をalert(data2) にすると、undifiinedが表示された後に正確な戻り値が表示されました。

`return data2```のままだとundifinedが表示されるだけです。

Answer 1

$.getは非同期なので、通常の返り値として結果を返すことはできません。

取るべき手法は、「結果を受け取った時に呼ばれるコールバック関数を引数に取る」、あるいは「$.getの結果そのものをreturnして、呼んだ側でdoneやfailを付ける」などが考えられます。

Comments

[namehoge__]

function result_return(data) {
console.log(data)
return data
}
function request(url, param = null, type) {
if (type == "get") {
return $.get(url, param, null, "json")
} else {
return $.post(url, param, null, "json")
}
}

function call() {
request("https://example.com/api/", null, "GET")
.done(function (data1) {
result_return(JSON.stringify(data1));
})
}

こういう感じでしょうか？