пример в 6 строк:
http://jsfiddle.net/ntmP6/

строка console.log('2', XXX);, выводит пусто, хотя “по правилам” должна видимую ХХХ выдать.

проверял в chrome и firefox

Скрипт отрабатывает верно. У вас локальная переменная определяется во ВСЕМ теле функции и глобальная переменная также скрыта во всем теле функции, то есть во время вызова console.log() в функции вызывается локальная переменная XXX, она к этому моменту уже существует, но еще не инициализирована. Подробнее можно прочитать на страницах 70-71 книги с носорогом.

o7412369815963
Второй var уберите,- это переопределение переменной XXX.
http://jsfiddle.net/r89Eg/

Я знаю как оно работает, я не правильно задал вопрос:
> локальная переменная определяется во ВСЕМ теле функции
почему сделали так? в чем смысл?

Ведь js как бы отрабатывает построчно (кстати python так же), т.е. первые строки кода влияют на последующие, но не наоборот.
А “оператором” var можно “убить” 100% рабочую фи-ю поставив его в самом конце. Логично было-б использовать переменную верхнего уровня, она же доступна, а при “var” создавать новую в текущей области видимости.

Так происходит потому, что определение функции происходит не во время выполнения, а во время синтаксического анализа. Зачем сделали именно так сказать не могу.

Интерпретатор JavaScript перемещает объявления переменных в начало области видимости перед выполнением и создает их при входе в область видимости.
В данном случае область видимости как раз и есть функция.

ЗЫ
Это вы еще с порядком разрешения имен переменных в функциях и имен самих функций не сталкивались. Там еще больше все запутанно ;)