Особенности работы или «За что я люблю JavaScript»: Замыкания, Прототипирование и Контекст

Из-за слабой типизации, почти все данные в JavaScript-е являются объектами.

В данном примере переменная title была объявлена дважды – первый раз глобально, а второй раз – внутри функции. Благодара тому, что внутри функции example переменная title была объявлена с помощью ключевого слова var, она становится локальной и никак не связана с переменной title, объявленной до функции. В результате выполнения кода вначале выведется «internal» (внутренняя переменная), а затем «external» (глобальная переменная).

var o = { x: 1 };

function addY(obj) {
    obj.y = 2;
}

function addZ(obj) {
   //повторно объявим obj
    var obj;
    obj.z = 3;
}

addY(o);
console.log(o); // => { x: 1, y: 2 }

addZ(o);
console.log(o); // => { x: 1, y: 2, z: 3 }

for(var counter=1; counter <=10; counter ++){
    $('<div>').css({
        "border": "solid 1px blue",
        "height": "50px",
        "margin":  "10px",
        "text-align": "center",
        "width": "100px"
    }).html('<h1>'+ counter +'</h1>')
    .appendTo('body')
    .click(window.alert.bind(window, counter));
}

При попытке присвоить переменной значение, переменная будет создана в глобальной области видимости, и ей присвоится значение.

Если убрать ключевое слово var из строки var title = 'internal', то запустив код, в результате дважды получим сообщение «internal». Это происходит из-за того, что при вызове функции мы объявляли не локальную переменную title, а перезаписывали значение глобальной переменной!

var title = «external title»;
function example(){
title = «changing external title»;
alert(title);
…
example();

Если закомментировать строку title = «changing external title»;, то при первым сгенерированным сообщением станет «undefined» — локальная переменная title уже была инициализирована (существует), но значение (на момент вызова alert-а) не было присвоено.