質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.50%
JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

Q&A

解決済

1回答

1581閲覧

JavaScriptにてfunction外にオブジェクトを出せない!

namuyan

総合スコア76

JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

0グッド

0クリップ

投稿2016/10/23 16:07

JavaScriptにて以下のコードを書きました。

JavaScript

1var allamount = new Object(); 2$.post('./API/test.php',{'test': 'test'}, 3function(data){ 4//リクエストが成功した際に実行する関数 5console.log("リクエストが成功!"); 6console.log("status:" + data.status + " message:" + data.message); 7allamount = $.extend(true,{},data.testle); 8console.log(allamount); 9},"json"); 10// $.postの外 11console.log(allamount); 12

上のコードを実行すると8行目のconsoleより予定通りのオブジェクトが返されますが、10行目のconsoleからは空が返されます。function(data)内でしかallamountは維持されないようです。
function外にて有効にするにはどうすれば宜しいでしょうか?
解答の方を宜しくお願いいたします。

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

回答1

0

ベストアンサー

JavaScript

1// $.postの外 2console.log(allamount);

関数外部から変数 allamount を参照することはできますが、参照時点でまだ allamount が初期化されていません。
初期化完了時に allamount を参照しなければ期待通りに動作しません。

  • 外部にコールバック関数を設けて処理完了後にコールバック関数を呼び出す
  • Promise インターフェースでラップして .then() で呼び出す

jQuery.ajaxPromise をサポートしています。

Re: namuyan_mine さん

投稿2016/10/23 16:18

編集2016/10/23 16:21
think49

総合スコア18156

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

namuyan

2016/10/24 03:28

これは$.postの実行が終わる前に10行目のconsoleが実行されてしまうというわけですか?関数が関数を包んでわかりにくくなりますね、コールバック関数がよく使われるらしいのでhttp://qiita.com/matsuby/items/3f635943f25e520b7c20を参考にしてみました。 function GetPostData(){ $.post('./API/test.php',{'test': 'test'}, function(data){ //リクエストが成功した際に実行する関数 console.log("リクエストが成功!"); allamount = $.extend(true,{},data.testle); console.log(allamount); return allamount ; },"json"); } function WriteAllamount(allamount){ // $.postの外 console.log(allamount); } GetPostData(WriteAllamount); 朝からさまざまなサイトを見ていじりましたが動きません phpのように単純にはいきませんね
think49

2016/10/24 13:42

> これは$.postの実行が終わる前に10行目のconsoleが実行されてしまうというわけですか? その通りです。 $.post は非同期処理なので $.post の処理完了を待たずに後続コードを実行します。 setTimeoutで1秒後に実行するコードを指定するイメージを持って頂ければわかりやすいと思います。 zJavaScriptではHTTPリクエストする処理は基本的に非同期処理です。 他にclickイベントハンドラも非同期処理といえます。
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.50%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問