javascript関数の実行順序が間違っていますか？非同期について何か？

Question

function buyabook(bookTitle) { 
    var status = document.getElementById("status"); 
    if (status == "unregistered") { 
     //alert("unregistered"); 
     alert("Please log in before purchasing a book!"); 
     login_prompt(); 
    } 

    function login_prompt() { 
     document.getElementById("login_prompt").src = "http://uni.database.ac.nz/BC/Closed/Service.svc/user"; 
     login(); 
    } 

    function login() { 
     alert("last"); 
    } 

問題はライン

document.getElementById("login_prompt").src = 
"http://uni.database.ac.nz/BC/Closed/Service.svc/user"; 

が最後に実行されるということです..私はそれが私がログイン機能でやりたい任意の他のものalert..orログインする前に実行したい...イムないように注意してください\

Answer 1

JavaScriptはすべてのコードを一度に処理するので、互いに依存している関数や変数があり、その順序を指定したい場合は、それらの関数をPromiseでラップする必要があります。折り返し電話。

get、post、deleteなどのHttpメソッドは非同期です。つまり、データを収集する時間が必要であり、それらに依存する関数を約束やコールバックで呼び出す必要があります。

いくつかの良い読み物：

https://www.pluralsight.com/guides/front-end-javascript/introduction-to-asynchronous-javascript

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Promise

Answer 2

私はあなたが最初にそれを実行したい場合には、警告を行う前にlogin_promptを呼ぶと言うだろう。 function login() { login_prompt() alert("last"); }