javascriptの約束<value>未定義

Question

だから私はこのような約束を経由してjQueryのAJAXリクエストPASSAしようとしています：then()の内側にうまく機能Everthing

var foo; 
foo = bar().then(function(response) { 
    console.log("Success!", response); 
    console.log(foo[0].bool); 
}, function(error) { 
    console.error("Failed!", error); 
}); 

console.log(foo); 

function bar(){ 
    return new Promise(function(resolve, rejected){ 
     $.ajax({ 
      url: 'foo.php', 
      dataType: 'json', 
      success: function (data) { 
       resolve(data); 
      } 
     }).fail(function(xhr){ 
      rejected(xhr); 
     }) 
    }) 
    } 

を、私が欲しい正確に何にconsole.logショーが、私は使用している場合console.log(foo)表示されますPromise { <state>: "fulfilled", <value>: undefined }

ここで何が起こっているのかわかりません、誰でも明示できますか？

Answer 1

はい、残念なことに、多くの場合、初期段階で多くを上回る非同期javascriptを扱うときの1つです。

あなたがしようとしているものの代わりに、fooと同じ方法で割り当てて、代わりにその約束を渡します。次に、ajaxリクエストの結果が必要な場合は、.then()を使用してください。

foo.then(ajaxResult => console.log(ajaxResult));