javascriptの準備機能の呼び出しを作成する

Question

私は比較的新しいjavascriptです。プロトタイプコードをクリーンアップしようとしています。コールバックの深いネストレベルであり、読みにくいからです。私はGoogleReadyコールバックですべてcall_when_readyを移動することができます知っているが、これはcall_when_readyが別のコールバックで呼び出された簡略化した例である

GoogleMaps.ready(map_id_name, function(map) { 
    g_map = map.instance; 
}) 

... 

call_when_ready(g_map, set_map_viewport); 
call_when_ready(g_map, create_markers); 
call_when_ready(g_map, update_icons); 
call_when_ready(g_map, update_geometry_display); 
call_when_ready(g_map, update_ui_display); 

：私はこのような何かを達成しようとしています。

ので、私はこの機能を思い付いたが、それは動作しません：

function call_when_ready(variable, callback) { 

    let interval = setInterval(() => 
    { 
     if (variable != undefined && variable != null) { 
      clearInterval(interval); 
      callback(); 
     } 

    }, 3000); 
} 

変数は常にg_mapが移入されているにもかかわらず、nullを見せています。これをきれいにするにはどうすればいいですか？私はjQueryを使用することにもオープンしていますが、PromiseとDeffer edはあまりにも些細なことのように思えます。それとも私が知らないように、のようなコールバックをチェーン例えば、より良い方法があります：

function().finished(function).finished(alert("")); 

Answer 1

代わりにチェックするために変数を渡すので、あなたはそれを返す関数渡す場合、それは動作します：

/* mockup */ 
 
var g_map; 
 
var map_id_name = "example"; 
 
var GoogleMaps = { 
 
    ready: (a, f) => { 
 
    f({ 
 
     instance: 1 
 
    }); 
 
    } 
 
} 
 

 
// simulate map being ready after 2.5 seconds 
 
setTimeout(() => { 
 
    GoogleMaps.ready(map_id_name, function(map) { 
 
    g_map = map.instance; 
 
    console.log("g_map set"); 
 
    }); 
 
}, 2500); 
 

 
function call_when_ready(getVariable, callback) { 
 
    let interval = setInterval(() => { 
 
    if (getVariable()) { 
 
     clearInterval(interval); 
 
     callback(); 
 
    } 
 
    }, 2000); 
 
} 
 

 
function getGMap() { 
 
    return g_map; 
 
} 
 

 
call_when_ready(getGMap, set_map_viewport); 
 
call_when_ready(getGMap, create_markers); 
 

 
function set_map_viewport() { 
 
    console.log("set_map_viewport"); 
 
} 
 
function create_markers() { 
 
    console.log("create_markers"); 
 
}

Answer 2

最も簡単なオプションは、私はあれば、あるGoogleMaps.ready機能への参照機能を移動するだろう既にコールバックと誤解されていない

Answer 3

g_mapは、GoogleMaps.readyコール内の匿名関数のローカルスコープに含まれています。

あなたの意図を正しく理解している場合は、すべての関数呼び出しを無名関数に移動する必要があります。

GoogleMaps.ready(map_id_name, function(map) { 
    g_map = map.instance; 
    set_map_viewport(); 
    create_markers(); 
    update_icons(); 
    update_geometry_display(); 
    update_ui_display(); 
});