同步Javascript函数调用

Question

I am trying to include Dailymotion in my web app. I have one javascript file (for Dailymotion) and an inline javascript.I am trying to get the recomemmended videos from DM, for which I have a function ready.

Dailymotion.js looks something like this

login();
function login(){
  getScreenname();
}
function getScreename(){
  // print some name
}
function getRecoVideos(callback){
  callback(result);
}

Inline.js

getRecoVideos(function(result){
  console.log(result);
});

In the inline.js file, the call to getRecoVideos doesn't work because, the login is not finished. How can I synchronize the calls?

Answer 1

Per this documentation DM takes a response function that you can use to then call the getRecoVideos() function.

UPDATE:

To make it so you can receive the event from anywhere you could do the following:

DM.login(function() {
    $(document).trigger("dm-logged-in");
});

And then to receive the event:

$(document).on("dm-logged-in", function() {
    // Do what you want here...
});

This is using jQuery. If you don't use jQuery see this for more data on how to dispatch events in Java Script: How to trigger event in JavaScript?