0

Здравствуйте!

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

Например, тут ничего не выведет:

 $('#search').on('keyup', function(){

     a = 'test';

 });

 alert(a); //ничего не выведет

А здесь выводит:

 $('#search').on('keyup', function(){

     a = 'test';
     alert(a); //окно test
 });
4
  • @Doofy Я нажимаю на клавиши и поидее должен срабатывать обработчик, который создаст переменную. Потом эта переменная за пределами скобок по идеи должна вывестисть
    – Pavel
    29 июн 2016 в 9:36
  • Асинхронщина же! 29 июн 2016 в 10:03
  • 1
    @DmitriySimushev, то глобальная между документами, а эта в потоке
    – Doofy
    29 июн 2016 в 15:56
  • @Doofy, никакой разницы. Глубинная причина -- непонимание асинхронщины что там, что тут 29 июн 2016 в 16:54

1 ответ 1

1

При нажатии кнопки работает только функции обработчика, код который написан после - отработал после создания обработчика.

a не существует до нажатия кнопки. Сначало выводится alert, а потом нажимаем любую кнопку в #search и alert с выводом a уже вспышку прохлебал

$('#search').on('keyup', function() {
    a = 'test';
    console.log(a); // test
});

console.log(a); // a is not defined

$('#search').on('keyup', function() {
  a = this.value;
  f(a);
});

function f(a) {
  console.log(a);
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js">
</script>

<input id='search'>


Можно объявить переменную до обработчика, в обработчике ей назначить значение, а затем использовать где угодно

a = null;

$('#search').on('keyup', function() {
  a = this.value;
});

$('button').click(function() {
  console.log(a);
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js">
</script>

<input id='search'>
<button>получить значение</button>

11
  • Я нажимаю на клавиши и по идее должен срабатывать обработчик, который создаст переменную. Потом эта переменная за пределами скобок должна вывестисть, но не выводится
    – Pavel
    29 июн 2016 в 9:37
  • @Pavel, потому что при нажатии кнопки работает только функции обработчика, код который написан после - отработал после создания обработчика
    – Grundy
    29 июн 2016 в 9:37
  • @Grundy, каефная формулировка. Можно запишу в ответ?
    – Doofy
    29 июн 2016 в 9:40
  • @Doofy А как из функции эту переменную вытащить?
    – Pavel
    29 июн 2016 в 9:41
  • @Pavel, никак :-)
    – Grundy
    29 июн 2016 в 9:41

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