JavaScript: предполагаемый выполнить функции последовательно, не на самом деле делая так?

Я вижу много ответов на StackOverflow, которые заявляют, что JavaScript выполняет код последовательно, но я могу на самом деле видеть свой собственный JavaScript, не делающий так. Из следующего кода:

function centre_map(lat, lng, zoom_level) {
    alert('centre_map');
    map = new GMap2(document.getElementById('map_canvas'));
    var latlng = new GLatLng(lat, lng);
    map.setCenter(latlng, zoom_level);
}        
function add_markers_within_bounds() {
    alert('add_markers_within_bounds'); 
    // add numerous BLUE markers within map bounds using MarkerClusterer
}
function add_marker(lat, lng, place_name, grid, county) {
    alert('add_marker');
    // add one ordinary RED Google Maps marker
}
centre_map('{{lat}}', '{{lng}}', 12);
add_markers_within_bounds('{{grid}}', '{{place_name}}');
add_marker('{{lat}}', '{{lng}}', '{{place_name}}', '{{grid}}', '{{county}}');

Я получаю следующую последовательность событий:

1. предупреждение 'centre_map'
2. предупреждение 'add_markers_within_bounds'
3. предупреждение 'add_marker'
4. отдельный КРАСНЫЙ маркер появляется на карте (т.е. рендеринг add_marker)
5. несколько СИНИХ маркеров появляются на карте (т.е. рендеринг add_markers_within_bounds)

Почему не делает add_markers_within_bounds завершенный прежде add_marker идет полным ходом: и как я могу заставить его сделать так?

Я знаю, что один путь мог бы состоять в том, чтобы звонить add_marker из add_markers_within_bounds, но по различным причинам я сохранил бы его как отдельную функцию.