mikello,
Для отслеживания корректной аоследовательности используйте не document.write и alert, а console.log.
Тем более что второй document.write затирает предыдущий

Он не затирает предыдущий, в том то и дело. Он вообще не работает.

mikello,
Замените на console.log и посмотрите

Он никогда и не затирал. Вот пример, выводит ab.

До ready пишет в document, после - записывает все заново, затирая то,что было раньше

То есть сначала пишет 1, а потом перезаписывает на undefined? Не уверен, что это так. Тогда бы было не undefined, а 1.

Ошибся. Все правильно. Но почему здесь при втором вызове alert(f) выводится undefined, ведь переменная var f=1; уже было определено.

Сравните первый и второй примеры и посмотрите третий

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>
<script>
$(document).ready(function () {
document.write('b');

});
document.write('a');
</script>

<script>
document.write('a');
document.write('b');
</script>

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>
<script>$(document).ready(function()
{
console.log(f)
var f=0;
})
var f=1;
console.log(f)
</script>

Теперь понял. А как сделать так , чтобы сначала выполнялся код в function(){}, а потом уже за ее пределами ?

Так не получится.
Чтобы выполнялся позже, включите в конец ready function