В чем отличие в данном случае?

Question

[Genri_Rus]

В чем отличие выполнения такого вида функции ?

Дело в том, что так код работать не хочет:

$('selector').find('input').each(function(index, item) {
        item= $(item);
        item.on('keyup', funIn(index, item));
    });

    function funIn(index, item) { 
     тут параметры...
}

А вот с помощью стрелочной функции код работает на ура:

$('selector').find('input').each(function(index, item) {
        item= $(item);
        item.on('keyup', () => funIn(index, item));
    });

    function funIn(index, item) { 
     тут параметры...
}

Есть ли вариант запустить функцию funIn() без использования стрелочной функции ?

Comments

[Andrew]

у funIn что внутри? "return" есть какой-то?

[Genri_Rus]

Andrew, нет

Answer 1

[Павло Пономаренко]

Есть ли вариант запустить функцию funIn() без использования стрелочной функции ?

item.on('keyup', funIn.bind(null, index, item));

Вообще, если index в функции не нужен, а только item, то код можно значительно упростить:

$('selector').on('keyup', 'input', function () {
  funIn( this );
});

Comments

[Genri_Rus]

Спасибо большое, а без bind сделать никак нельзя ?

[Павло Пономаренко]

Genri_Rus, у вас очень странные условия. Может расскажите их источник, чтобы сразу выдать окончательный вариант?

[Павло Пономаренко]

Genri_Rus, вообще есть ещё один вариант, дописал его в ответе

[Genri_Rus]

Павло Пономаренко, есть 2 инпута

Нужно им в цикле изменять ширину при вводе текста, аналог this

$('selector').on('keyup', 'input', function () {
  funIn( this );
});

В данном примере (при вводе текста) будет увеличиваться ширина только у одного инпута ?

[Павло Пономаренко]

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

[Genri_Rus]

Павло Пономаренко, понял - спасибо

А аналог этой функции что будет ?

$('selector').find('input').each(function(index, item) {
        item= $(item);
        item.on('keyup', () => funIn(index, item));
    });

Т.е. если бы тут была не стрелочная функция ?

Точнее, это же упрощённый вариант ?

[Павло Пономаренко]

Genri_Rus, я и написал аналог этой функции. Эта функция делает именно то, что я описал

[Genri_Rus]

Павло Пономаренко, хорошо, вот тоже неплохой вариант предложили

$('input').each(function(index, item) {
        item= $(item);
        item.on('keyup', function() {
          return funIn(index, item)
        });
    });

Answer 2

[Stockholm Syndrome]

Дело в том, что так код работать не хочет:

потому что здесь вы сразу функцию вызываете

Есть ли вариант запустить функцию funIn() без использования стрелочной функции ?

ну замените на обычную, делов-то

Comments

[Genri_Rus]

ну замените на обычную, делов-то

Не совсем понятно, хотелось бы пример