Доступ к переменной во внешней области видимости?

Question

(function () {
    var x = 1;
    return {
        f: function (x) {
            alert(x);
        }
    };
}()).f(2);

Предположим, я не хочу переименовывать ни одну из переменных.Из f невозможно получить доступ к переменной x, которая была объявлена ​​первой - верно?

Answer 1

Правильно.Поскольку у вас есть x в function (x), любая попытка получить доступ к x получит его (ближайшая область).Он блокирует доступ к любому x в более широкой области.

Answer 2

Это позволяет вам одновременно использовать x (1) и x (2).

(function () {
    var x = 1;
    return {
        f: function (x) {
            alert(x); // paramter (=2)
            alert(this.x); // scoped variable (=1)
        },
        x:x
    };
}()).f(2);

Answer 3

Из f невозможно получить доступ к переменной x, которая была объявлена ​​первой

Нет, нет. Внутренняя область действия x скрывает внешнюю область действия x.

var closure = (function () {
    var local = {};
    local.x = 1;
    return {
        f: function (x) {
            alert(x || local.x);
        }
    };
}());

closure.f(2);  // alerts "2"
closure.f();   // alerts "1"

Вы, конечно, не можете иметь внутреннюю переменную с именем "local". ; -)

Answer 4

Вы можете вернуть переменную с помощью функции:

(function () {
    var x = 1;
    return {
        f: function () {
            alert(this.x);
        },
        x:x
    };
}()).f();

Answer 5

Осознавая неявные асинхронные вызовы, которые заставляют вас думать, что вы не можете получить доступ к переменной из внешней области видимости:

result = {}
jQuery.ajax({ // it is a async call!
    url: "/some/url",
    success: function(data) {
        result = JSON.parse(data);
    }
});

return result; // Result will be still {} because function returns before request has done.