7

Может кто-нибудь знает, почему следующий код js выводит "1"? Как он работает? Так как я не понимаю, для чего там написан return;, и функция переопределяет а или нет

var a = 1;
function b() {
  a = 10;
  return;
  function a() {}
}
b();
console.log(a);
13
  • 4
    Я голосую за закрытие этого вопроса как не соответствующего теме, потому что используется не Русский язык
    – Saidolim
    13 ноя 2015 в 15:38
  • 1
    @Vayok, здесь показана особенность парсера JS: если переменная использована как глобальная (т.е. без var), но при этом где-то дальше в коде в текущем контексте есть объявление такой же переменной, то переменная автоматически становится локальной. У вас объявляется функция a внутри функции b, поэтому a = 10 равносильно var a = 10;, т.е. никаким образом эта строчка не влияет на переменную a за пределами функции
    – BOPOH
    13 ноя 2015 в 15:43
  • 1
    @BOPOH спасибо за коммент. если честно я код понял но слова нет. Но решаю не только я. Если вопрос исправит автор, конечно уберу голос на закрытие
    – Saidolim
    13 ноя 2015 в 15:44
  • return в данном случае ни на что не влияет, так как после него нет исполняемых операций, а определение функции а переносится парсером в начало функции b
    – user176262
    13 ноя 2015 в 15:48
  • 1
    Спасибо всем за хорошие доступние ответи)
    – Vasyok
    13 ноя 2015 в 17:35

2 ответа 2

13

В данном примере

var a = 1;
function b() {
  a = 10;
  return;
  function a() {}
}
b();
console.log(a);

предложение return используется преднамеренно, чтобы запутать того, кто будет пытаться понять или отвечать на вопрос, как работает код. То есть предложение return помещено перед определением функции с именем a, дабы у смотрящего этот код создалось впечатление, что это определение функции будет просто проигнорировано и никак не повлияет на выполнение функции b и на коллизию имени a для глобальной переменной и переменной, используемой в объявлении функции.

В таких языках программирования, как, например, C++, где есть область видимости переменной, начинающаяся с момента ее объявления, это было бы верно.

Однако в JavaScript действуют другие правила видимости переменных. Когда функция становится активной, то сначала парсер просматривает все объявления переменных в данной функции и делает областью их видимости всю функцию. Это можно представить следующим образом

function b() {
  function a() {}
  a = 10;
  return;
}

То есть объявление функции с именем a как будто бы помещается в самое начало функции b. Тем самым глобальная переменная a скрывается, а в функции происходит обращение к локальной переменной с тем же именем a.

Сначала эта переменная объявляется как ссылка на функцию, а затем ей присваивается значение 10, так как JavaScript не типизированный язык, а переменные использует для хранения любых значений.

Поэтому присвоение

  a = 10;

никак не влияет на глобальную переменную a, которой было присвоено значение 1

var a = 1;

Поэтому предложение

console.log(a);

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

Кстати сказать, после предложения

  a = 10;

вы уже не можете обратиться к функции с именем a, даже если убрать предложение с return, так как ссылка на функцию тем самым утеряна. То есть вы не можете написать, например

function b() {
  a = 10;
  function a() {}
  a();
}
7

Потому что объявление функции всплывает.

var a = 1;
function b() {
  function a() {}
  a = 10;
  return;
}
b();
console.log(a);

После этого ты берёшь имя a, которое обозначает функцию, и используешь в качестве переменной, в которую помещаешь 10. Фактически, ссылка на функцию теряется, но ты её нигде и не используешь. Выходит нечто такое:

var a = 1;
function b() {
  var a = function a() {}
  a = 10;
  return;
}
b();
console.log(a);

Ну и естественно, функция меняла внутреннюю переменную, а внешняя как была равна 1, так и осталась.

А return тут и не при чём вовсе.

3
  • 2 ответа нравятса но не знаю куда галочку поставить, што делать?))
    – Vasyok
    13 ноя 2015 в 17:33
  • 1
    @Vasyok, выбирать. Кстати, мой был дан раньше.
    – Qwertiy
    13 ноя 2015 в 18:10
  • @Qwertiy Хитрый способ чтобы приняли твой ответ :)
    – Ver Nick
    10 янв 2019 в 17:38

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.