Javascript-форум (https://javascript.ru/forum/)
-   Javascript под браузер (https://javascript.ru/forum/css-html/)
-   -   Использование with (https://javascript.ru/forum/css-html/6931-ispolzovanie.html)

Pavel_Volodko 06.01.2010 18:56

Использование with
 
Кто нибудь может объяснить почему во всех браузерах кроме Firefox не работает вот такой код (вылетает ошибка в последней строке):

var obj = {
    test: function () {return 'done'}
};
with (obj) {
    alert(typeof test); // 'function'
    var tryIt1 = function () {
        return test() + 1;
    }
    function tryIt2() {
        return test() + 2;
    }
    alert(tryIt1()); // 'done1'
    alert(tryIt2()); // ERROR: 'test' is undefined
}


P.S. Про опасности, связанные с использованием with я знаю. Хочется услышать теоретическое обоснование именно конкретного случая.

tenshi 06.01.2010 19:03

функция tryIt2 создаётся до исполнения скрипта => ищет test внутри window

Gvozd 06.01.2010 19:09

если не ошибаюсь, что определения функций с помощью
function tryIt2(){}

являются глобальными, и сами функции создаются до выполнения самого скрипта(то есть вызвать ф-цию tryIt2() вы можете из любого места кода, даже ранее объявления самой ф-ции)
таким образом ф-ция во время своего создания даже не подозревает, что она находится внутри with
объявление же вида
var tryIt1 = function () {}

является локальным, и ф-ция создается во время выполнения кода.
таким образов до этого места в коде она еще не существует.
и когда создается, то она в курсе, что находится внутри with
var obj = {
    test: function () {return 'done'}
};
with (obj) {
    alert(typeof test); // 'function'
	alert((typeof tryIt1)+'|'+(typeof tryIt2)); // 'undefined|function'
    var tryIt1 = function () {
        return test() + 1;
    }
    function tryIt2() {
		return 2;
        //return test() + 1;
    }
	alert((typeof tryIt1)+'|'+(typeof tryIt2)); // 'function|function'
}

если я ошибаюсь, то поправьте меня.точно не могу вспомнить, что по этому поводу стандарт гласит
в мозилле же ваш код работает, так как в ней все ф-ции создаются по ходу выполнения кода, а не заранее

tenshi 06.01.2010 19:43

переменная test создаётся тоже до. а tryIt2 замкнута на переменную, а не на саму функцию => заполнить перемнную можно и после определения функии, но до её вызова.

tenshi 06.01.2010 19:51

Цитата:

если не ошибаюсь, что определения функций с помощью
function tryIt2(){}
являются глобальным
нет, при создании контекста исполнения (вызове функции, запуске скрипта)

Pavel_Volodko 06.01.2010 19:59

Всё, кажется понял. Спасибо!

Поскольку конструкция function tryIt2() { ... } создает функцию непосредственно перед выполнением скрипта или обрамляющей функции, то в качестве области видимости она получает иерархию областей видимости текущего контекста исполнения (т.е. либо window либо эту обрамляющую функцию). А функция tryIt1 получает область видимости в момент создания уже с учетом with.

Цитата:

Сообщение от Gvozd
в мозилле же ваш код работает, так как в ней все ф-ции создаются по ходу выполнения кода, а не заранее

Насчет Firefox-а - учтём-с.

Pavel_Volodko 06.01.2010 20:05

Да. Вот так работает:

var obj = {
    test: function () {return 'done'}
};
with (obj) {
    (function() {
        alert(typeof test); // 'function'
        alert((typeof tryIt1)+'|'+(typeof tryIt2)); // 'undefined|function'
        var tryIt1 = function () {
            return test() + 1;
        }
        function tryIt2() {
            return test() + 2;
        }
        alert(tryIt1()); // 'done1'
        alert(tryIt2()); // 'done2'
    })();
}


:dance:


Часовой пояс GMT +3, время: 11:28.