Как передать локальную переменную из функции в функцию прослушивания событий в JavaScript?

Question

Добрый день!

Я начал писать свою собственную базовую библиотеку JavaScript для личного использования и распространения несколько дней назад, но у меня возникли проблемы с одним из методов, в частности bind().

Внутри самого метода этот относится к библиотеке объекта.

Я отправился в Google и нашел function.call(), но это не получилось так, как я его планировал - он просто выполнил функцию.

Если вы посмотрите на другой метод, каждый(), вы увидите, что он использует вызова() передавать значение.

Я также попытался следующие:

f.arguments[0]=this; 

Моя консоль выдает ошибку, заявив, что не может читать «0» из «не определено».

Я хотел был бы проголосовать (ссылаясь на библиотеку - НЕ ОКНО), чтобы использовать ее в прослушивателе событий.

Вы можете увидеть его, начиная с строки 195 JavaScript this JSFiddle.

Здесь так же:

bind:function(e,f){ 
    if(e.indexOf("on")==0){ 
     e=e.replace("on",""); 
    } 
    if(typeof f==='function'){ 
      /*Right now, 'this' refers to the library 
      How can I pass the library to the upcoming eventListener? 
      */ 
      //f=f(this); doesn't work 
      //f.call(this); //doesn't work 

      //this.target refers to the HTMLElement Object itself, which we are adding the eventListener to 
     //the outcome I'm looking for is something like this: 
     /*$('h3').which(0).bind(function({ 
      this.css("color:red"); 
     });*/ 
     //(which() defines which H3 element we're dealing with 
     //bind is to add an event listener 
      this.target.addEventListener(e,f,false) 
    } 
    return this; 
}, 

Большое вам спасибо за вашу помощь, авторы!

Answer 1

Если, согласно вашим комментариям, вы не хотите использовать .bind(), а не непосредственно проходя f к addEventListener() вы могли бы пройти еще одну функцию, которая в свою очередь, вызывает f с .call() или .apply():

if(typeof f==='function'){ 
    var _this = this; 
    this.target.addEventListener(e,function(event){ 
     f.call(_this, event); 
    },false) 
} 

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

Answer 2

Итак, в этом конкретном случае вы действительно хотите позвонить JavaScript's built in bind method, что и все функции.

f = f.bind(this);

f будет новая функция это this аргумент установить все, что вы перешли в него.

Answer 3

Заменить f=f(this); с f.apply(this);

Посмотрите на подчеркивание кода, здесь: https://github.com/jashkenas/underscore/blob/master/underscore.js#L596