javascriptで戻り値を指定しているのにUndefinedになる

Question

			const my_ajax = () =>{
			$.ajax({
				"type":"POST",
				"url":url,
				"data":ajax_data,
			}).done( response =>{
				conole.log("Im here");
				return response;
			}).fail(function (jqXHR, textStatus, errorThrown){
				console.log("failure");
				return "time_out";
			})
			}

javaScriptで上記のようなコードを書いているのですが、

				res = my_ajax();
                console.log(res);

のように値をログを出してみるとUndefinedになっています。
ログに「Im hereと出力されているので確かにAjax通信は成功しており、変数responseの値も確認しましたが確かに欲しいデータが含まれていました。
returnをしているのになぜundefinedになってしまうのでしょうか？

Answer 1

根本的な考え方が間違っています

returnしているのはdoneやfailのコールバックですからその戻り値は
my_ajax の戻り値ではありません
$.ajax自体を戻してやり、$.whenで受けてください

<script>
const my_ajax = () =>{
  return $.ajax({
    "type":"POST",
    "url":url,
    "data":{a:1,b:2},
  }).done( response =>{
    console.log("Im here");
    return response;
  }).fail(function (jqXHR, textStatus, errorThrown){
    console.log("failure");
    return "time_out";
  });
};
$.when(my_ajax()).done(data=>{
console.log(data);
});

Comments

[yambejp]

ちなみにアロー関数など使うならIEは対象外でしょうから
jQueryではなく普通にfetchすればよいでしょう

[babbleman]

そういうことだったんですね！
Javascriptの経験が浅いので、このような説明を頂き凄く助かります。
ありがとうございます。ベストアンサーにさせて頂きます。

Answer 2

m.ts10806さんのとおり非同期だから

res = my_ajax();

この処理を行った時点ではまだ通信が行われているかもしれないが、完了していない
根本的にres = my_ajax();という処理は見直して
my_ajax();
と呼ぶのみにして、done時に必要な処理を行うように見直す

Comments

[babbleman]

回答して頂きありがとうございます。
サーバーに処理が完了するまで複数回の処理を小分けにして送っている形なので、setIntervalのクリアメソッドを使うために関数を外部から呼び出す必要があると考えました。

[退会済みユーザー]

done内で次の処理を呼ぶように作り変えるですね

[退会済みユーザー]

以前から非同期が推奨されています
将来的に同期は非サポートになりえます

Answer 3

asyncが未指定のAjaxは非同期だからです。
async:falseで実行するか、Deferredを利用してください。

Comments

[babbleman]

回答いただき有難うございます。
async:falseで同期通信を試してみたのですが、やはり結果は変わらずundefinedでした。
responseの中身はやはりほしいものが得られていました。

[m.ts10806]

returnではなくresをグローバル変数にしてdoneの中でセットしてみては。

let res = null;
my_ajax();
console.log(res);
----------

}).done( response =>{
conole.log("Im here");
res = response;
-------------

ただ、いずれにしてもdefferedされたほうが「実行後の値を使う」のなら適当に思います。
確実なのはdone内で処理を行うことです。

[m.ts10806]

なにやら質問に書かれてない隠れた要件があるようなので、質問本文に記載しておいてください。