Javascript執行順序：如何檢測對象創建

Question

我想實例化一個新的MediaElementPlayer對象。當它成功創建時，我想將整個對象傳遞給另一個函數（my_object.attachEvents）。我的代碼如下：

var options = { 
    success: function() { 
     //point 2 
     console.log("passing player object", local_player_instance); 
     my_main_object.attachEvents(local_player_instance);   
    } 
} 

//point 1 
console.log('player inited', local_player_instance); 
local_player_instance.video = new MediaElementPlayer('#video_player', options); 

my_main_object.attachEvents = function(local_player_instance) { 
    local_player_instance.video.play() 
} 

在Firefox中，在點2處的行調用attach事件方法之前，將執行點1處的分配。

在Chrome中，第2點首先被評估，結果當attach事件函數中的play方法被調用時，它不存在。

我的問題是，如何成功傳遞MediaElementPlayer傳遞給另一個函數創建時？

Answer 1

在一個跨瀏覽器的方式來處理這種情況的最好辦法是

// here's where you'll store a global reference to the player 
var globalMediaElement = null; 
var options = { 
    success: function (domNode, mediaElement) { 
     globalMediaElement = mediaElement; 

     doStuff(); 


     // you can also get the the player via jQuery here 
     $('#video_player').player 
    } 
} 

// create MediaElement 
new MediaElementPlayer('#video_player', options); 

function doStuff() { 
    globalMediaElement.play(); 
}