Возможно ли передать переменную таким образом?

Question

[Aspirant555]

Здравствуйте.
В общем нужно передать переменную, но в принимающей функции не могу указать, так как выведет mouse event (переменная иногда пустая). mouse event так же нужен.

func(var1);

function func() {
         alert(var1);
}

Answer 1

[Сергей Соколов]

Может, завести доп. функцию для мышиного события?
Основная логика, принимающая аргументом var1 — в одной функции.
События нажатия вызывает другую функцию, изнутри которой уже вызывать основную с известным аргументом.

let var1 = 1;

// основная логика — тут.
function logic(value) {
  alert(value);
}

// по мышиному событию
function mouseHandler(event) {
  logic(var1);
}

// напрямую
logic(var1);

Comments

[Aspirant555]

Хорошее решение... В параллельном ответе больше понравилось... Можно забиндить ввод переменных.

[Василий Банников]

aspirantes, этот вариант всё же почище будет, чем через bind

Answer 2

[zav19791979]

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

const var1 = 10'

function func() {
         alert(var1); // тут будет выведено 10
}

или, как вариант, через привязку контекста

const func  = function(var1, var2,  var3) {
    console.log(var1); // 'значение var1'
}.bind(null, 'значение var1');

в этом случае значение
"this" будет равен "null"
"var1" всегда будет равно "значение var1"
а остальные значения будут равны тому что вы передадите в метод "func"

то есть "значение var1" будет передаваться, всегда, впереди любых аргументов

Вот тут более подробно про это рассказано https://learn.javascript.ru/bind

Comments

[Aspirant555]

Отличное решение... Хоть метод и на пределе моих извилин, но это работает...

[zav19791979]

Пользуйтесь) Только надо учитывать еще такую вещь, "bind" для стрелочных функций не работает(.
То есть если написать так, то это работать не будет

const func  = (var1, var2,  var3) => {
    console.log(var1); // 'значение var1'
}.bind(null, 'значение var1');

[Сергей Соколов]

Тут надо иметь в виду, что «переменная» из вопроса перестаёт быть переменной: в функции после частичного применения всегда будет замороженное значение, бывшее в переменной на момент выполнения bind():

let var1 = 111; // начальное значение

function original(value) {
  console.log("original", value);
}

const copy = original.bind(null, var1); // привязали
var1 = 222; // поменяли
copy(); // вызвали
// ан, нет: выведет "original 111"

[zav19791979]

Сергей Соколов, совершенно верно, забыл это упомянуть. Но собственно поэтому в примере я не использовал переменную, а сразу передавал строку

[Aspirant555]

zav19791979, ещё не выходит использовать, если переменной не существует... То есть, вариант где только This отпадает так же.

[zav19791979]

aspirantes тогда остается только через замыкание, что бы и переменная и объявление функции были в одной области видимости, или переменная была бы глобальной, через "window"(что само по себе не есть хорошо, так как кто то может ее перезаписать).

вот тут можно почитать как и почему это работает https://learn.javascript.ru/closure